gi

genshin-icon

A set of Genshin Impact icons in React components.

Showing:

Popularity

Downloads/wk

2

GitHub Stars

8

Maintenance

Last Commit

19d ago

Contributors

1

Package

Dependencies

2

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Genshi Icons

Build Status

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

Example

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100