Iconbuddy: busca y edita más de 300 mil íconos SVG open source

 (iconbuddy.app)
5 puntos por GN⁺ 2023-07-24 | 1 comentarios | Compartir por WhatsApp
  • Iconbuddy es un motor de búsqueda de íconos que permite buscar en varias bibliotecas de íconos open source desde un solo lugar, ajustar color y tamaño, y luego descargarlos
  • Según los metadatos del servicio, ofrece más de 300,000 íconos SVG gratuitos, reduciendo el esfuerzo de buscar cada set de íconos por separado
  • La exportación admite SVG, PNG, JSX, Base64, por lo que sirve tanto para bocetos de diseño como para trabajo de código frontend
  • Lo usan 500K+ profesionales en todo el mundo, y se listan usos en Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean, entre otros
  • Permite explorar en un solo lugar bibliotecas de íconos open source como HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome y Simple Icons

De la búsqueda a la exportación en un solo flujo

  • Iconbuddy es un motor de búsqueda de íconos open source que ofrece un flujo para “buscar rápido, editar libremente y descargar al instante”
  • Según los metadatos del servicio, sus funciones principales son las siguientes
    • Búsqueda y descarga de más de 300,000 íconos SVG gratuitos
    • Personalización de color y tamaño
    • Exportación en formatos SVG, PNG, JSX, Base64

Escala de uso y casos de uso

  • Se indica que lo usan 500K+ profesionales en todo el mundo
  • Se listan los siguientes nombres como lugares de uso
    • Framer
    • Midjourney
    • Figma
    • Mobbin
    • Google
    • Microsoft
    • cohere
    • CashApp
    • Buy Me a Coffee
    • DigitalOcean
    • Roadmap.sh
    • Letter

Ejemplos de principales bibliotecas de íconos incluidas

  • Sets de íconos de uso general

    • Fluent UI System Icons: 18,519
    • Material Symbols Light: 14,910
    • Material Symbols: 14,840
    • Google Material Icons: 10,955
    • Phosphor: 9,072
    • Material Design Icons: 7,447
    • Solar: 7,401
    • Tabler Icons: 5,963
    • Huge Icons: 4,556
    • Game Icons: 4,123

  • Íconos de desarrollo y archivos

    • VSCode Icons: 1,397
    • Material Icon Theme: 1,106
    • Devicon: 957
    • Devicon Plain: 700
    • Codicons: 497
    • Skill Icons: 397

  • Íconos de marcas y logos

    • Simple Icons: 3,364
    • SVG Logos: 1,837
    • Logos free icons: 1,362
    • Font Awesome Brands: 548
    • CoreUI Brands: 830

  • Íconos de emojis y banderas

    • Noto Emoji: 3,710
    • Twitter Emoji: 3,668
    • OpenMoji: 4,185
    • Fluent Emoji Flat: 3,145
    • Flag Icons: 542
    • Circle Flags: 632

Formas de uso en el trabajo práctico

  • Permite buscar, editar y descargar en un solo lugar sin visitar cada biblioteca de íconos por separado
  • Gracias al ajuste de color y tamaño, y al soporte de varios formatos de exportación, diseñadores y desarrolladores pueden usar los mismos recursos de íconos adaptados a sus respectivos entornos de trabajo

Lecturas relacionadas

1 comentarios

 
GN⁺ 2023-07-24
Comentarios en Hacker News

  • Estaría bien poder ver la licencia y el autor de cada ícono
    Ahora mismo, si lo encuentras mediante la búsqueda general de íconos, parece que no es posible; me pregunto si se me está escapando algo

    • Que no haya información de licencia aquí es bastante grave
      Usan la expresión “íconos de código abierto”, pero hoy en día ese término se usa tanto que ya casi no significa nada
      Revisé algunos y tampoco se ve información de licencia dentro de los archivos SVG descargados
    • Como mínimo hace falta la fuente/origen. Sin eso no sirve
      Técnicamente puede ser open source, pero casi todas sus ventajas desaparecen
      Por ejemplo, es un problema visible de inmediato en sitios como https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google. No sé qué tan grave será con íconos de servicios menos conocidos
      No hay forma de saber cuántos íconos son CC-BY y requieren atribución, ni cuántas fuentes dudosas de lavado de licencias estarán robando íconos y diciendo que son CC0
    • Esto probablemente tampoco sea open source y hasta podría haber problemas de marca registrada: https://iconbuddy.app/bxl/amazon
    • En la página principal también hace falta una sección que explique la licencia y el origen de los íconos. No pude encontrarla y cerré la página de inmediato
    • Si haces clic en el ícono de información junto al nombre de la colección, puedes ver los detalles de la licencia, el repositorio de GitHub/archivo de Figma y la información del autor/diseñador

  • The Noun Project es más grande y ofrece 5 millones de íconos y licencias más claras: https://thenounproject.com/

    • Pago 40 dólares al año por la versión Pro, y va muy bien cuando necesito íconos o ilustraciones simples
      Bastante seguido termino combinando varios íconos, y de verdad hay íconos para casi todo
      “Affair”
      https://thenounproject.com/icon/cheating-10395/

  • Llevo varios años usando sobre todo https://iconify.design/
    Me gusta que la UI permita cambiar colores, aunque personalmente uso clases de Tailwind para eso

  • ¡Está bueno! Anthony Fu también tiene un proyecto parecido: https://icones.js.org
    Ambos dependen del framework Iconify, así que me pregunto si comparten el mismo superconjunto de íconos

  • Está realmente genial :)
    Como una sugerencia/pedido de función muy pequeño, al ver los resultados de búsqueda estaría bien que cada resultado también incluyera un enlace a la colección principal a la que pertenece
    Por ejemplo, si veo un ícono que me gusta en los resultados, quiero saber de qué colección viene

    • La idea del sitio en sí está bien, pero si no se ve de qué colección viene cada resultado de búsqueda, pierde bastante utilidad
      Como tampoco se muestra la licencia en el sitio, si no conoces el set de íconos ni siquiera puedes buscarlo por tu cuenta

  • Hace poco, ordenando la alacena de la casa de mis padres, encontré una caja de clipart
    Venía repartida en 50 discos y costaba 50 dólares. Incluso todavía tenía la etiqueta de precio. Debe ser algo de alrededor de 1990
    Pensándolo bien, hoy en día una colección completa de ese tipo de íconos es gratis y se puede usar al instante

    • En dinero actual serían 116 dólares
      Debió de haber sido un negocio paralelo bastante bueno

  • Está bien, pero yo prefiero https://icones.js.org/

  • Me pregunto cómo se compara con https://fontawesome.com
    Edit: viendo esta página, parece más bien un superconjunto: https://iconbuddy.app/fa-solid

  • Hay que usarlo bajo tu propia responsabilidad. No tiene licencia y los íconos están traídos de distintas partes

  • ¿Que es totalmente customizable? Lo único que puedes cambiar es el color

    • También se puede cambiar el fondo de varias maneras, así que yo diría que eso ya aporta bastante valor agregado