README
Genshi Icons
genshi-icons
is a set of React Components containing Genshin icons in SVG.
How to install
yarn add genshi-icons
or
npm install genshi-icons
How to use
import { Anemo } from 'genshi-icons';
const App = () => {
return (
<div>
<Anemo />
{/* You can specify color and size (in px) */}
<Anemo size="100" color="purple" />
{/* You can also specify size in % (for the width) */}
<Anemo size="30%" color="purple" />
</div>
);
}
Available components
- Anemo
- Cryo
- Dendro
- Electro
- Geo
- Hydro
- Pyro