genshin-icon
TypeScript icon, indicating that this package has built-in type declarations

1.0.20-alpha2 • Public • Published

Genshin Icons

Build Status

genshin-icons is a set of React Components containing Genshin icons in SVG.

Example

How to install

yarn add genshin-icons

or

npm install genshin-icons

How to use

import { Anemo } from 'genshin-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

Readme

Keywords

none

Package Sidebar

Install

npm i genshin-icon

Weekly Downloads

1

Version

1.0.20-alpha2

License

MIT

Unpacked Size

18.8 kB

Total Files

4

Last publish

Collaborators

  • cchampou