Cyberpunk Icons & Shapes For React Apps – cyber-elements

A collection of open-source cyberpunk SVG elements (icons and shapes) for React-powered applications.

How to use it:

1. Installation.

# Yarn
$ yarn add react-cyber-elements

$ npm i react-cyber-elements

2. Import a Cyberpunk element.

import { CyberEl1, CyberEl2 } from 'react-cyber-elements'

3. Add the element to the app.

export default function Home() {
  return (
        width: '200px',
        height: '200px'
    className="cyber-icon" />

4. Override the default styles of the Cyberpunk elements.

.cyber-icon path:nth-of-type(1) {
  fill: #222 !important;
  stroke: #fff;


Cyberpunk Icons & Shapes For React Apps

Download Details:

Author: thiswallz

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

Add Comment