# vue-sample-svg-icons

**Repository Path**: sync-from-github/vue-sample-svg-icons

## Basic Information

- **Project Name**: vue-sample-svg-icons
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-03-27
- **Last Updated**: 2021-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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 href="https://sdras.github.io/vue-sample-svg-icons/">a demo live here</a>. 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).