VueJS wrapper for css.gg icons
// NPM
npm i vue-css.gg
// Yarn
yarn add vue-css.gg
// register the plugin on vue
import {GGIcons} from 'vue-css.gg';
Vue.component('GGIcons', GGIcons);
// you can call it like this in your template
<GGIcons name="boy" size="48" color="#4572C9" rotate="0"/>
<GGIcons name="software-download" size="96" color="red" rotate="30"/>
👉 https://css.gg/app
👉 https://vue-cssgg.isuru.info
Name | Description | Type | Default | Accepted values |
---|---|---|---|---|
name |
String | String |
null |
- |
size |
Icon size |
String , Number
|
24 |
- |
fill |
Color of icon | String |
black |
rgb() /rgba() /#000 /html colors
|
rotate |
Icon rotation | Number |
null |
0 to 360
|