https://github.com/rive/iconic
build svg icons that can be used in html, angular, react and vue
https://github.com/rive/iconic
angular icon react svg svg-icons vue
Last synced: 3 months ago
JSON representation
build svg icons that can be used in html, angular, react and vue
- Host: GitHub
- URL: https://github.com/rive/iconic
- Owner: rive
- License: agpl-3.0
- Created: 2019-08-23T10:41:04.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-05-06T14:45:53.000Z (about 3 years ago)
- Last Synced: 2024-04-24T18:10:41.102Z (about 2 years ago)
- Topics: angular, icon, react, svg, svg-icons, vue
- Language: JavaScript
- Size: 82 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# iconic
build svg icons that can be used in html, angular, react and vue.
## generate icons
install the package:
```
npm install --save-dev @rive/iconic
```
edit your `package.json`:
```json
{
"scripts": {
"build": "rive-iconic"
}
}
```
then put some svg icon files in the root folder.
next, let's run:
```
npm run build
```
svg files will be optimized. js and json files with same base name will be generated,
which contains icon path and color information and can be imported directly into
any js project.
## use your icons
```jsx
import Icon from "foobar-react/icon";
import cross from "foobar-icons/cross";
;
```