Cyberpunk Icons & Shapes For React Apps – cyber-elements

Description:

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
$ 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 (
    <CyberEl1 
      style={{
        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;
}

Preview: