https://github.com/kevinleedrum/vue-svg-icon-demo
Vue SVG Icon Demo
https://github.com/kevinleedrum/vue-svg-icon-demo
icon svg vue webpack
Last synced: about 2 months ago
JSON representation
Vue SVG Icon Demo
- Host: GitHub
- URL: https://github.com/kevinleedrum/vue-svg-icon-demo
- Owner: kevinleedrum
- Created: 2020-07-02T21:17:22.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-13T05:53:25.000Z (over 2 years ago)
- Last Synced: 2025-03-27T12:36:53.313Z (2 months ago)
- Topics: icon, svg, vue, webpack
- Language: Vue
- Homepage: https://css-tricks.com/a-font-like-svg-icon-system-for-vue/
- Size: 836 KB
- Stars: 10
- Watchers: 0
- Forks: 4
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue SVG Icon Demo
This is a demo repo for a CSS-Tricks article on building [A Font-Like SVG Icon System for Vue](https://css-tricks.com/a-font-like-svg-icon-system-for-vue/).
[View Live Demo](https://nervous-noyce-943776.netlify.app/)
The following icons are used for this demo:
- `badge-check` from [Heroicons](https://github.com/refactoringui/heroicons)
- `cog-solid` from [Font Awesome](https://fontawesome.com/icons)
- `excalamation` from [Heroicons](https://github.com/refactoringui/heroicons)
- `fire` from [Heroicons](https://github.com/refactoringui/heroicons)
- `send` from [Material Design Icons](https://material.io/resources/icons)
## Install dependencies
```
npm install
```
### Build and run development server
```
npm run serve
```