React Icons es una fuente gratuita que recopila y organiza todos los paquetes de iconos de React en un directorio simple de navegación y búsqueda.
Contiene todos los conjuntos de iconos populares que puedes incluir fácilmente en tu proyecto instalando y agregando react-icons paquete.
Muchos de los paquetes de iconos incluidos son gratuitos y de código abierto. Y eso significa que puedes usarlos libremente en tu proyecto sin preocuparte por la licencia comercial.
Sin embargo, algunos pueden ofrecer paquetes extendidos con más íconos comerciales empresariales, por lo que puedes consultar su sitio web si realmente necesitas su versión pro.
¿Cómo instalar iconos de React?
Es bastante sencillo:
npm install react-icons --save
Si desea instalarlo en Meteor o GatsbyJS, entonces
npm install @react-icons/all-files --save
¿Cómo usarlo en tu proyecto React?
Para un proyecto React normal
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
Para Meteor o Gatsbyjs
import { FaBeer } from "@react-icons/all-files/fa/FaBeer";
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
Conjuntos de iconos incluidos
- Iconos de diseño de hormigas
- Iconos de arranque
- CajaIconos
- Iconos circunstantes
- Devicones
- Pluma
- Iconos de colores planos
- Fuente impresionante
- Iconos del juego
- Iconos de Octicons de Github
- Iconos de ojales
- Heroiconos
- Heroiconos 2
- IcoMoon Gratis
- Ionicones 4
- Ionicones 5
- Iconos de diseño de materiales
- Icono de remezcla
- Iconos simples
- Iconos de líneas simples
- Iconos de mesa
- Iconos de Themify
- típicos
- Iconos de código VS
- Iconos del tiempo
- css.gg
Pensamientos finales
React Icons es un proyecto interesante que ahorra mucho tiempo y esfuerzo al desarrollador de React al ofrecer una excelente colección de íconos para elegir.
Sin embargo, hay varios de código abierto que aún no se han agregado, pero es posible que pronto encuentren su lugar en React Icons.
Recursos
Etiquetas
Diseño open-source desarrollo web desarrollo móvil Iconos Recursos
