https://github.com/yijinc/icon-garden
๐ the Simplest Svg icon for React,vue,svg
https://github.com/yijinc/icon-garden
react-icons svg-icons vue-icons
Last synced: about 1 year ago
JSON representation
๐ the Simplest Svg icon for React,vue,svg
- Host: GitHub
- URL: https://github.com/yijinc/icon-garden
- Owner: yijinc
- License: isc
- Created: 2022-04-29T07:19:23.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-25T07:51:23.000Z (about 4 years ago)
- Last Synced: 2025-04-28T15:04:37.302Z (about 1 year ago)
- Topics: react-icons, svg-icons, vue-icons
- Language: TypeScript
- Homepage: https://yijinc.github.io/icon-garden/docs/icon
- Size: 2.78 MB
- Stars: 8
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.EN.md
- License: LICENSE
Awesome Lists containing this project
README
## Intro
The simplest SVG icon library, the reference comes from [IconPark](https://github.com/bytedance/IconPark).
The difference is that this library **only supports single-color icons**, but it may be more suitable for icons in your project
Features๏ผ
- Only supports changing the `color` and `size` attributes.
- Designers/developers can generate components by directly exporting (arbitrary) svg files in figma\sketch\photoshop without making svg according to drawing specifications.
## Install
```
yarn add @icon-garden/react
# for vue
yarn add @icon-garden/vue-next
```
## Usage
```jsx
import { AddBaseFilled, AddBaseOutline } from '@icon-garden/react';
```
## Add Icons
Put any svg icon file in the `/source` directory and
execute
```bash
# generate components
npm run compiler
# build components to lib & es
npm run build
# publish
npm run publish
```