Iconos
En esta página, usted encontrará una lista de páginas, donde se pueden encontrar iconos gratis para su próximo proyecto web.
Conjuntos de iconos
- IcoMoon
- Nucleo Icons
- Pluma
- Icono Remix
- Typicons
- Iconos Eva
- Octiconos
- Iconos de Bootstrap
- Iconos Jam
- Iconos de tabulación
- Boxicons
- CSS.gg
- Iconos mono
- Iconos Radix
- Photosphor
- Themify
Optimización de los iconos
Cuando añadas iconos a tu página, puedes considerar algunos pasos de optimización:
- Si necesitas iconos como “flecha izquierda” o “flecha derecha”, puedes tomar un icono y usar el CSS para rotar el icono en la dirección que necesites. De esta manera, puedes tener un icono para varias direcciones.
- Cuando necesites cargar varios iconos, echa un vistazo a algunas aplicaciones como IcoMoon. Esta aplicación puede fusionar varios iconos en una sola fuente. Puede mejorar el rendimiento de la página porque hay menos peticiones. Además, la fuente es más flexible que incrustar un enlace a cada icono
- Los iconos deben estar en formato SVG. Intente evitar JPG o PNG. Esto se debe a que el tamaño de SVG se puede cambiar fácilmente sin que se vea borroso.
- Si el icono es una ruta directa pero puede cargarse de forma perezosa, debe añadir el atributo
loading="lazy"
y el atributodecoding="async"
. Esto permite al navegador continuar renderizando la página y decodificar las imágenes de forma asíncrona.