Cyberpunk Icons & Shapes For React Apps – cyber-elements

A set of open-source cyberpunk SVG parts (icons and shapes) for React-powered functions.

The way to use it:

1. Set up.

# Yarn
$ yarn add react-cyber-elements

# NPM
$ npm i react-cyber-elements

2. Import a Cyberpunk component.

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

3. Add the component to the app.

export default operate Residence() {
  return (
    <CyberEl1 
      model={{
        width: '200px',
        peak: '200px'
      }}
    className="cyber-icon" />
  )
}

4. Override the default types of the Cyberpunk parts.

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

Preview:

Obtain Particulars:

Creator: thiswallz

Reside Demo: View The Demo

Obtain Hyperlink: Obtain The Supply Code

Official Web site: https://github.com/thiswallz/react-cyber-elements

License: MIT