unicons

Unicons

1000+ iconos vectoriales perfectos de píxeles e IconFont para su próximo proyecto. Estos íconos están diseñados por IconsCout.

Empezando

Usando como fuente

Es fácil usar UNICON en su sitio web simplemente insertando el siguiente CSS. También puede descargar este repositorio y usar el CSS de la carpeta css .

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

Y use los íconos en su body como se muestra a continuación.

 < i class =" uil uil-comments " > </ i >

Usando como paquete NPM

Puede instalar fácilmente UNICON con NPM.

npm install --save @iconscout/unicons

Usando como SVG

Si eres un diseñador, entonces siempre es genial tener archivos SVG. Puede descargar SVGS del sitio web oficial de Unicons o descargar ICondrop para acceder a estos iconos directamente a Sketch, Adobe XD, Adobe Illustrator y muchos más.

Usar en el marco de Flutter

Hay un paquete Flutter creado por Pedro Lemos, avaliable en Pub.dev, que se puede usar fácilmente en su proyecto.

Simplemente agregue la dependencia en su archivo pubspec.yaml como sigue:

 dependencies :
  unicons : ^1.0.0+2

Luego, ejecute el comando anterior:

flutter pub get

Alternativamente, su editor puede admitir flutter pub get . Consulte los documentos para que su editor aprenda más.

Ahora, en su código de dardo, importe el paquete:

 import 'package:unicons/unicons.dart' ;

Usar con los marcos JS

Hemos creado componentes para bibliotecas populares como React, Vuejs, React Native. Puede dirigirse al repositorio oficial de GitHub para saber más.

Estilo de línea

• Para React: https://github.com/iconscout/react-unicons
• Para vuejs: https://github.com/iconscout/vue-unicons
• Para React Native: https://github.com/iconscout/react-native-unicons

Estilo sólido

• Para React: https://github.com/iconscout/react-unicons-solid
• Para vuejs: https://github.com/iconscout/vue-unicons-solid

Estilo monocromático

• Para React: https://github.com/iconscout/react-unicons-monochrome

Más formas (apoyada por la comunidad)

• Vue-Unicons por Anton Reshetov

Hoja de ruta

• Hacer componentes react
• Agregar iconos de marca
• Diseño de estilo sólido
• Diseño de estilo de línea delgada
• Soporte para animaciones CSS
• Haga SVG Sprite en el que el usuario pueda controlar diferentes atributos, como accidente cerebrovascular, relleno, ancho, altura y más.

Que contribuye

Estaremos encantados de tener apoyo comunitario para Unicons. Siéntase libre de bifurcar y crear solicitudes de extracción. Hemos dado una pequeña hoja de ruta arriba para que pueda ayudarnos a construir estas características.

Solicitudes de icono

Hemos creado un hilo en la comunidad iconscout donde puede solicitar nuevos iconos. Y estaremos encantados de diseñarlos en las próximas semanas.

Licencia

Unicons son iconos de código abierto y licenciados bajo la licencia simple de iconscout. Eres libre de usar estos íconos en su proyecto personal y comercial. Nos encantaría ver la atribución en la pantalla de su aplicación, pero no es obligatoria.

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >