Yesicon
Yesicon · Imagen
Yesicon es un buscador de iconos vectoriales gratis que reúne casi 400.000 iconos de código abierto de 240 sets en una sola web, con control de color y tamaño y exportación en SVG, PNG o código.
Acerca de Yesicon
About
Qué es Yesicon
Yesicon es un buscador de iconos que funciona en el navegador y está pensado para diseñadores y programadores. Recoge iconos de decenas de sets de código abierto, desde Material Symbols y Tabler hasta Phosphor y Lucide, y los mete detrás de una sola caja de búsqueda. Escribes "descargar" o "carrito", filtras por estilo o categoría y das con el icono que necesitas.
Funciona a la vez como biblioteca de iconos open source y como buscador, sin que tengas que instalarla. Los datos salen de Iconify, un proyecto de código abierto que ya normaliza cientos de colecciones. Yesicon es la capa de consulta que va encima. Por eso la calidad de la búsqueda depende de cómo nombren los iconos los sets de origen, y puede que un glifo muy concreto todavía no exista.
La web es gratis y no pide cuenta. Todo está pensado para sacar un icono de la página y meterlo en tu proyecto en segundos, no para montar una biblioteca que gestiones dentro de Yesicon.
Cómo empezar
- Abre yesicon.app y escribe una palabra en el buscador. Con Ctrl K saltas al campo desde cualquier punto de la página.
- Afina los resultados con los filtros. Puedes elegir estilo (línea, relleno o dos tonos), categoría (acciones de interfaz, marcas, etcétera) y set de origen si ya te fías de un diseñador concreto.
- Fija el color y el tamaño en píxeles en el panel de vista previa. El icono se redibuja mientras cambias los valores.
- Copia la salida en el formato que necesites: SVG en bruto, PNG al tamaño elegido o un fragmento de código para React, Vue, Svelte, TailwindCSS o UnoCSS.
- Revisa la licencia antes de publicar. Cada icono pertenece al set del que sale, así que las condiciones vienen de ese proyecto y no de Yesicon.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de Yesicon.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Desarrolladores frontend
- Diseñadores de interfaz y producto
- Estudiantes y proyectos personales
- Creadores en solitario con una app pequeña
Tareas
- Encontrar el icono que pega con un componente
- Escoger un set coherente para un proyecto nuevo
- Recolorear un icono según la paleta de la marca
- Obtener código listo para tu framework
- Reunir logotipos de redes y marcas
Casos de uso
- Una landing que se monta de madrugada
- Limpiar iconos mezclados en un código antiguo
- Prototipar antes de tener un sistema de diseño
- Preparar una presentación o un PDF con iconos en PNG
Funciones clave
Una búsqueda en 240 sets
Una sola consulta recorre casi 400.000 iconos de sets de código abierto como Material Symbols, Material Design Icons, Tabler, Solar, Remix Icon, Lucide, Phosphor, Heroicons o Font Awesome. No tienes que recordar qué proyecto tiene cada glifo. La página de resultados pone el nombre del set junto a cada icono, así que siempre sabes de dónde viene cada pieza.
Filtros por estilo, categoría y set
Los filtros atacan por tres lados. El estilo separa versiones de línea, relleno, dos tonos y redondeadas. La categoría agrupa los iconos por uso, desde acciones de interfaz y navegación hasta marcas, comida o videojuegos. El filtro por set lo reduce todo a una colección cuando la coherencia visual pesa más que tener donde elegir. Combinando los tres, miles de resultados suelen quedar en una pantalla.
Color y tamaño en vivo
El panel de vista previa deja cambiar el color y el tamaño en píxeles antes de exportar. Lo que ves es lo que acaba en tu portapapeles. Se agradece sobre todo cuando un icono tiene que coincidir con una variable CSS, o cuando has pegado un SVG negro en un tema oscuro y te has pegado con el arreglo a mano.
Copia como SVG, PNG o código
Puedes copiar código SVG limpio, descargar un PNG al tamaño que marques o llevarte un fragmento listo para React, Vue, Svelte, TailwindCSS y UnoCSS. Con ese abanico cubres tanto al diseñador que pega en Figma o Sketch como al programador que mete un componente en una plantilla. El código se genera desde la misma fuente que la vista previa, así que coincide.
Página de términos más buscados
La página Trending ordena los términos que los usuarios en inglés buscaron más en los últimos seis meses y se actualiza a final de cada mes. Arriba aparecen palabras como plus, user, star o search, que muestran cómo llama la comunidad a las acciones habituales. También sirve para aclararte cuando no recuerdas el nombre convencional de un icono.
Interfaz en nueve idiomas
La interfaz está traducida al inglés, chino simplificado, chino tradicional, español, alemán, francés, japonés, coreano y portugués. Al tener rutas propias por idioma, un equipo repartido entre regiones puede trabajar cada uno en el suyo sin cuentas separadas. El campo de búsqueda funciona mejor en inglés, así que conviene conocer el término en ese idioma.
Ventajas y desventajas
Ventajas
- El catálogo es enorme y gratis. Cuatrocientos mil iconos de 240 sets cubren casi cualquier necesidad de interfaz sin suscripción.
- Buscar, filtrar y copiar ocurre en una misma página, lo que elimina el ir y venir de saltar entre webs de iconos.
- La vista previa de color y tamaño quita un paso de edición manual, porque copias el icono tal como lo quieres.
- Los fragmentos para React, Vue y TailwindCSS ahorran la conversión a mano, y la salida coincide con la vista previa.
- Sin cuenta y sin límite de uso, así que puedes seguir buscando durante toda una sesión de diseño.
Desventajas
- No hay API oficial ni descarga masiva, así que llevar 200 iconos a un repositorio sigue siendo ir uno por uno.
- Cada icono arrastra la licencia de su set de origen, y esas licencias no son iguales. Toca revisar los términos de cada proyecto antes de un uso comercial, un trabajo extra en proyectos grandes.
- El desarrollador no ofrece plugin para Figma, Sketch ni VS Code, así que el diseñador pierde un paso frente a herramientas que viven dentro del lienzo.
- La calidad de la búsqueda depende de cómo se llamen los iconos en origen. Los que tienen nombres raros o poco documentados pueden no aparecer, aunque estén en el catálogo.
Preguntas frecuentes
Sí. No hay plan de pago, ni cuenta, ni límite de descargas. Buscas y copias sin registrarte y no hay nada que cancelar después.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con Yesicon.
Alternativas a Yesicon
Google EmbeddingGemma 2
Google DeepMind · Escritura · Imagen · ProgramaciónGoogle EmbeddingGemma 2 es un modelo abierto de 740 millones de parámetros que convierte texto, código, imágenes, audio y fotogramas de vídeo en vectores de un mismo espacio de 768 dimensiones, y funciona en móviles y portátiles.
Tractionwave
TractionWave · Imagen · MarketingTractionWave genera mapas de calor de atención con IA para anuncios estáticos. Subes un PNG o JPG y obtienes la atención prevista, puntos calientes ordenados y correcciones antes de invertir presupuesto.
Imejis.io
Imejis.io · Imagen · MarketingImejis.io es un estudio de diseño con IA para agentes y equipos de marketing. Describes una imagen con tus palabras y la herramienta escribe el texto, arma la maqueta, la adapta a cada tamaño y exporta el archivo final.