v svg icons

V-SVG-icons

Iconos SVG para vuejs.
Türkçe readme dosyası için tıklayın!

Empezando

Estas instrucciones le darán una copia del componente en funcionamiento en su máquina local.

Instalación

Puede instalar el componente V-SVG-ICONS por NPM

 npm i v-svg-icons

Después de la descarga, V-SVG-ICons estará listo para usar en sus aplicaciones Vue.js

Uso

• Exportar el componente V-SVG-ICONS al archivo main.js

 import icons from "v-svg-icons" ;

• Registre el componente V-SVG-ICONS con cualquier nombre que desee

 Vue . component ( "icon" , icons ) ;

Después de este paso, todos los componentes registrados pueden usarlo en su proyecto por nombre de la etiqueta.

• Para usar iconos, debe especificar el nombre del icono que desea con el parámetro de nombre dentro de la etiqueta.

< icon name="arrow-up">

• Puede especificar los valores de ancho y altura como en el ejemplo.
  Los valores predeterminados de ancho y altura para todos los iconos son 50px.

< icon name="arrow-up" size="60px" />

• Puede usar el parámetro "Color" para cambiar el color de los iconos.

< icon name="arrow-up" color="black" />
< icon name="arrow-up" color="# 000 " />
< icon name="arrow-up" color="rgba(0, 0, 0, . 2 )" />

• Puede usar el nombre del icono como nombre de clase para operaciones de estilo adicionales.

< icon name="arrow-up" />

<style >
    . arrow-up {
        fill : green;
        background : red;
        width : 150 px ;
        height : 150 px ;
    }
< / style >

Puede aplicar todos los cambios que se pueden hacer para SVG como en el ejemplo.

Versiones

Usamos GitHub para versiones.

Autores

• Mehmet sağır

Licencia

Licenciado bajo la licencia MIT, vea la licencia para obtener más detalles.