Saltar al contenido principal

Uso

Importa los iconos que quieras usar, puedes hacerlo de dos formas:

Importando desde el paquete principal#

Para importar los íconos del paquete principal, solo necesita importar los íconos que necesita desde fleet-icons

import { AlarmFill, GiftFill, StarFill } from 'fleet-icons';
Advertencia

Importar los íconos de esta manera puede hacer que su aplicación incluya todos los íconos disponibles en fleet-icons, incluso si solo está usando unos pocos

Importar desde un paquete específico#

Para importar los íconos de un paquete específico, solo necesita importar los íconos que necesita desde fleet-icons/icon/<nombre del icono>

import { AlarmFill } from 'fleet-icons/icon/AlarmFill';import { GiftFill } from 'fleet-icons/icon/GiftFill';import { StarFill } from 'fleet-icons/icon/StarFill';
Nota

Se recomienda importar los íconos de esta manera, ya que asegura que su aplicación solo incluirá los íconos que está utilizando realmente.

Agrega los íconos a la aplicación#

const App = () => {  return (    <div>      <AlarmFill />      <GiftFill />      <StarFill />    </div>  )}

Resultado#

AlarmFill Icon GiftFill Icon StarFill Icon