A collection of open-source cyberpunk SVG elements (icons and shapes) for React-powered applications.
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;
}
Author: thiswallz
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/thiswallz/react-cyber-elements
License: MIT