https://kzima.github.io/vuestrap-icons/

SVG icons for Vuestrap components - http://kzima.github.io/vuestrap-icons/#/icons
https://kzima.github.io/vuestrap-icons/

Last synced: 4 months ago
JSON representation

SVG icons for Vuestrap components - http://kzima.github.io/vuestrap-icons/#/icons

• Host: GitHub
• URL: https://kzima.github.io/vuestrap-icons/
• Owner: kzima
• License: mit
• Created: 2015-11-09T23:04:09.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-13T04:24:02.000Z (almost 9 years ago)
• Last Synced: 2024-10-17T06:46:35.891Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.55 MB
• Stars: 18
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue-cn - SVG icons

README

        
Vuestrap Icons Component

=========

Vuestrap Icons Component complements [vuestrap web components](http://kzima.github.io/vuestrap-base-components/#/) with svg icons.

SVG sprite consists of 223 icons from Iconic — www.useiconic.com/open plus two custom ones: circle-fill and circle-outline

DEMO

=========

[Documentation](http://kzima.github.io/vuestrap-icons/#/icons)

QUICK USE

=========

**Bower:**

 - `bower install vuestrap-icons`

 - add script in your html document:

 ```js

 

 ```

 - use it within your Vue instance like this:

  ```js

  new Vue({

  	el: '#app',

  	components: { 'vs-icon': vuestrapIcons.icons }

  })

  ```

**From source:**

 - `npm install vuestrap-icons`

 - import* desired component like so:

  ```js

  import icons from 'vuestrap-icons/src/components/icons'

  ```

 - load it in your Vue instance:

  ```js

  new Vue({

  	el: '#app',

  	components: { 'vs-icon': icons }

  })

  ```

  *Note: You will need Babel Loader in your Webpack config file to support ES6 syntax.

You can then use icon component in your html, like so:

```html

```

TODO

=========

- create html page with list of icons

- testing