Skip to content
An opinionated example of how to use SVG icons in a Vue.js application
Branch: master
Clone or download
Latest commit ef11e4f Jan 2, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build update docs colors Dec 24, 2017
config redeploy docs Dec 24, 2017
docs update iconColor Jan 1, 2018
src ids to refs Jan 2, 2018
static initial commit Dec 23, 2017
.babelrc initial commit Dec 23, 2017
.editorconfig initial commit Dec 23, 2017
.gitignore initial commit Dec 23, 2017
.postcssrc.js initial commit Dec 23, 2017
LICENSE Initial commit Dec 23, 2017
README.md a11y audit of animated icons Dec 24, 2017
index.html minor tweaks Dec 24, 2017
package.json add hearteyes icon Dec 23, 2017
yarn.lock add hearteyes icon Dec 23, 2017

README.md

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 (coming this week).

Documentation site

Build Setup

# 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 and docs for vue-loader.

You can’t perform that action at this time.