Icono Svg

Componente global de icono: Icono Svg.

Por defecto, el componente Icono Svg está registrado en @/icons, y puede usarse en cualquier parte del proyecto. Todos los iconos se pueden encontrar en @/icons/svg. Puedes agregar o eliminar el icono por ti mismo, y el icono se importará automáticamente sin operación manual.

Uso

  <!-- usa icon-class para configurar el nombre; usa `class-name` para personalizar la clase -->
  <svg-icon icon-class="password" class-name='custom-class' />

Cambiar color

Por defecto, svg-icon lee su color primario fill: currentColor;

Puedes cambiar el color del padre o directamente el color de relleno fill.

Importar desde url v4.2.0+

Soporte de importación svg desde url externa. P.ej:

<svg-icon icon-class="https://xxxx.svg />

Tamaño

Si estás descargando un icono de iconfont, recuerda usar una herramienta como Sketch para especificar el tamaño del icono. De lo contrario, el tamaño de los iconos en el proyecto puede no ser uniforme.

Todos los iconos utilizados en este proyecto tienen especificaciones de tamaño 128*128.

TIP

Si encuentras el color incorrecto del icono, puedes consultar el issue para modificarlo