A component for load svg icon.
for load component you should place svg in assets/icons folder , this component load svg of this folder then for name props set name of svg file
Simple example for GIcon
<template>
<div>
<GIcon name="glorious-arrow" />
<GIcon
name="glorious-x"
class="mt-3"
/>
</div>
</template>
config for global setting , set on nuxt.config
glorious:{
components:{
icon:{
props:{
color:'#000',
size:20,
stroke:null
}
}
}
}
| Prop | Type | Default |
|---|---|---|
| name | string | |
| color | string | #000 |
| size | number | 20 |
| stroke | number | null | null |
| hoverColor | string |