https://github.com/sdras/vue-sample-svg-icons

An opinionated example of how to use SVG icons in a Vue.js application
https://github.com/sdras/vue-sample-svg-icons

animated-svg svg svg-icons vue vue-icon-system vue-icons vue-svg-icons vuejs vuejs2

Last synced: 8 days ago
JSON representation

An opinionated example of how to use SVG icons in a Vue.js application

• Host: GitHub
• URL: https://github.com/sdras/vue-sample-svg-icons
• Owner: sdras
• License: mit
• Created: 2017-12-23T19:20:51.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T18:53:20.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T15:45:26.504Z (23 days ago)
• Topics: animated-svg, svg, svg-icons, vue, vue-icon-system, vue-icons, vue-svg-icons, vuejs, vuejs2
• Language: Vue
• Homepage: https://sdras.github.io/vue-sample-svg-icons/
• Size: 764 KB
• Stars: 522
• Watchers: 13
• Forks: 124
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sample SVG Icon usage for Vue.js

A demo to show how I prefer to set up an SVG icon system in Vue.js. You can see a demo live here. You don't have to do it this way, it's an opinionated example. More details for _why_ it's set up in this manner in the [Vue Cookbook](https://vuejs.org/v2/cookbook/editable-svg-icons.html).

![Documentation site](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/screendocs.jpg "Docs demo")

## Build Setup

```bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).