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:
Download Details:
Author: thiswallz
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/thiswallz/react-cyber-elements
License: MIT