https://github.com/cchampou/genshin-icon

A set of Genshin Impact icons in React components.
https://github.com/cchampou/genshin-icon

babel babel7 reactjs

Last synced: about 2 months ago
JSON representation

A set of Genshin Impact icons in React components.

• Host: GitHub
• URL: https://github.com/cchampou/genshin-icon
• Owner: cchampou
• License: mit
• Created: 2020-11-03T02:05:18.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-06-14T11:56:41.000Z (over 1 year ago)
• Last Synced: 2024-08-09T14:58:45.121Z (5 months ago)
• Topics: babel, babel7, reactjs
• Language: JavaScript
• Homepage:
• Size: 207 KB
• Stars: 12
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Genshin Icons

[![Build Status](https://ci.cchampou.me/api/badges/cchampou/genshin-icon/status.svg)](https://ci.cchampou.me/cchampou/genshin-icon)

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

 

![Example](https://github.com/cchampou/genshin-icon/blob/master/sample.png)

## How to install

```shell script

yarn add genshin-icons

```

or

```shell script

npm install genshin-icons

```

## How to use

```jsx

import { Anemo } from 'genshin-icons';

const App = () => {

  

  return (

    


      

      {/* You can specify color and size (in px) */}

      

      {/* You can also specify size in % (for the width) */}

      

    

  );

}

```

## Available components

- Anemo

- Cryo

- Dendro

- Electro

- Geo

- Hydro

- Pyro