Este paquete fue creado siguiendo el material de Google y los principios de diseño de IBM Carbon. Nuestro principal objetivo era mantener una cierta consistencia en todo el set y asegurarnos de que cada icono tuviera el mismo peso visual.
Disponible para estos marcos 👉 React, Vue y Svelte
Instalar con npm
npm i -D @klarr-agency/circum-icons-react npm i -D @klarr-agency/circum-icons-vue npm i -D @klarr-agency/circum-icons-svelte// Agregue una de estas 3 líneas a continuación correspondiente a su marco
import CircumIcon from "@klarr-agency/circum-icons-react"; // React
import CircumIcon from "@klarr-agency/circum-icons-vue"; // Vue
import CircumIcon from "@klarr-agency/circum-icons-svelte"; // Svelte
<CircumIcon name="calendar"/>
// Puedes cambiar el color y el tamaño
<CircumIcon name="calendar" color="#000" size="48px">Puede crear una matriz directamente en nuestro sitio web. No es necesario ir y venir para copiar el nombre de cada icono.
En este ejemplo, puedes ver cómo construir una navegación lateral 🏗👇
array-builder.mp4
Ahora puede ahorrar más tiempo agregando nuevas propiedades en su matriz. Recuerda que debes estar en modo objeto
si quieres ver la sección de propiedades.
😉😎🤓
Puede ver la lista de iconos disponibles en circumicons.com
- Administrador de propiedades (Posibilidad de agregar nuevas propiedades en Array Builder) 🏗
- Agrega palabras clave a los términos de búsqueda 🔎
- Iconos de descarga en el color que elijas 🎨
- Cambiar el tamaño de los iconos sobre la marcha 🚀
- Opciones del portapapeles en tipo de selección única (etiqueta de componente frente a SVG).📌
- Acceso premium // Array Builder para iconos 809, Component Builder y más. 💸