Iconbuddy - Busque e edite mais de 300 mil ícones SVG open source

• Iconbuddy é um mecanismo de busca de ícones que permite pesquisar várias bibliotecas de ícones open source em um só lugar, ajustar cor e tamanho e depois baixar os arquivos
• Segundo os metadados do serviço, ele oferece mais de 300.000 ícones SVG gratuitos, reduzindo o trabalho de procurar conjuntos de ícones separadamente
• A exportação suporta SVG, PNG, JSX e Base64, permitindo uso tanto em mockups de design quanto em trabalho de código no frontend
• É usado por mais de 500 mil profissionais no mundo todo, e lista Framer, Midjourney, Figma, Google, Microsoft e DigitalOcean entre os locais de uso
• É possível explorar em um só lugar bibliotecas de ícones open source como HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome e Simple Icons

---

Do início da busca à exportação em um só fluxo

• O Iconbuddy é um mecanismo de busca de ícones open source que oferece o fluxo de “buscar rápido, editar livremente, baixar na hora”
• De acordo com os metadados do serviço, os principais recursos são os seguintes
  • Busca e download de mais de 300.000 ícones SVG gratuitos
  • Personalização de cor e tamanho
  • Exportação nos formatos SVG, PNG, JSX e Base64

Escala de uso e onde é usado

• O serviço informa que é usado por mais de 500 mil profissionais no mundo todo
• Os seguintes nomes aparecem listados como casos de uso
  • Framer
  • Midjourney
  • Figma
  • Mobbin
  • Google
  • Microsoft
  • cohere
  • CashApp
  • Buy Me a Coffee
  • DigitalOcean
  • Roadmap.sh
  • Letter

Exemplos das principais bibliotecas de ícones incluídas

• Conjuntos de ícones de uso geral

  • 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

• Ícones de desenvolvimento e arquivos

  • VSCode Icons: 1.397
  • Material Icon Theme: 1.106
  • Devicon: 957
  • Devicon Plain: 700
  • Codicons: 497
  • Skill Icons: 397

• Ícones de marcas e logotipos

  • Simple Icons: 3.364
  • SVG Logos: 1.837
  • Logos free icons: 1.362
  • Font Awesome Brands: 548
  • CoreUI Brands: 830

• Ícones de emoji e bandeiras

  • 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 no trabalho

• Em vez de visitar várias bibliotecas de ícones separadamente, é possível buscar, editar e baixar tudo em um só lugar
• Graças ao ajuste de cor e tamanho e ao suporte a vários formatos de exportação, designers e desenvolvedores podem usar os mesmos recursos de ícones de acordo com seus próprios ambientes de trabalho

[GN⁺]

Comentários do Hacker News

• Seria bom poder ver a licença e o autor de cada ícone
  No momento, quando você encontra algo pela busca geral de ícones, isso parece impossível; queria saber se deixei passar alguma coisa

  • A ausência de informação de licença aqui é bem crítica
    Eles usam a expressão “ícones open source”, mas hoje em dia esse termo é tão banalizado que parece não significar muita coisa
    Verifiquei alguns e nem dentro dos arquivos SVG baixados aparece informação de licença
  • No mínimo, precisa ter a fonte. Sem isso, não serve para muita coisa
    Tecnicamente pode até ser open source, mas quase toda a vantagem se perde
    Isso já aparece de cara em lugares como https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google). Fico imaginando como deve ser com ícones de serviços menos conhecidos
    Não dá para saber quantos ícones são CC-BY e exigem atribuição, nem quantas fontes suspeitas fazem uma estranha lavagem de licença, roubam ícones e depois afirmam que são CC0
  • Isso provavelmente nem é open source e ainda parece ter questões de marca registrada: https://iconbuddy.app/bxl/amazon
  • A página principal também precisa de uma seção explicando a licença e a origem dos ícones. Não encontrei isso e fechei a página na hora
  • Se você clicar no ícone de informação ao lado do nome da coleção, dá para ver os detalhes da licença, o repositório no GitHub/arquivo Figma e informações do autor/designer

• O The Noun Project é maior e oferece 5 milhões de ícones com licenciamento mais claro: https://thenounproject.com/

  • Pago US$ 40 por ano pela versão Pro, e é excelente quando preciso de ícones ou ilustrações simples
    Também acabo combinando vários ícones com bastante frequência, e realmente há ícones para quase tudo
    “Affair”
    https://thenounproject.com/icon/cheating-10395/

• Tenho usado principalmente o https://iconify.design/ há alguns anos
  Gosto do recurso de mudar as cores na UI, mas pessoalmente uso classes do Tailwind para as cores

• Legal! Também existe um projeto parecido do Anthony Fu: https://icones.js.org
  Fico curioso se os dois dependem do mesmo framework Iconify e, portanto, compartilham o mesmo superconjunto de ícones

• Muito legal :)
  Como pedido/sugestão de funcionalidade bem pequeno, seria bom que ao ver os resultados da busca também houvesse um link para a coleção principal de cada resultado
  Por exemplo, quando vejo um ícone de que gosto no resultado da busca, quero saber de qual coleção ele veio

  • A ideia do site em si é boa, mas se não dá para ver de qual coleção vem o resultado da busca, ele perde bastante utilidade
    A licença também não aparece no site e, se você não souber qual é o conjunto de ícones, nem pode procurar por conta própria

• Recentemente, ao arrumar o armário da casa dos meus pais, encontrei uma caixa de clipart
  Estava dividida em 50 discos e custava US$ 50. A etiqueta de preço ainda estava colada. Deve ser algo por volta de 1990
  Pensando bem, hoje em dia uma coleção inteira desse tipo de ícones é gratuita e pode ser usada imediatamente

  • Em valores de hoje, isso dá US$ 116
    Devia ser um bico bem interessante

• É bom, mas eu prefiro o https://icones.js.org/

• Fico curioso para saber como se compara ao https://fontawesome.com
  Edit: vendo esta página, parece ser um superconjunto: https://iconbuddy.app/fa-solid

  • A versão mais recente do Font Awesome não é open source
    O Fork Awesome é um fork open source: https://forkaweso.me/Fork-Awesome/

• Você precisa usar por sua própria conta e risco. Não há licença, e a origem dos ícones foi puxada de todo lado

• Totalmente personalizável? A única coisa que dá para mudar é a cor

  • Também dá para mudar o fundo de várias formas, então eu diria que isso já é um valor agregado bem razoável