Iconbuddy - Cari dan edit lebih dari 300 ribu ikon SVG open-source

• Iconbuddy adalah mesin pencari ikon yang memungkinkan pengguna mencari berbagai pustaka ikon open-source di satu tempat, menyesuaikan warna dan ukuran, lalu mengunduhnya
• Berdasarkan metadata layanan, tersedia lebih dari 300.000 ikon SVG gratis, sehingga mengurangi kerepotan harus mencari tiap set ikon secara terpisah
• Ekspor mendukung SVG, PNG, JSX, Base64, sehingga bisa digunakan baik untuk mockup desain maupun pekerjaan kode front-end
• Digunakan oleh 500K+ profesional di seluruh dunia, dengan daftar penggunaan yang mencakup Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean, dan lainnya
• Pustaka ikon open-source seperti HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome, dan Simple Icons dapat dijelajahi di satu tempat

---

Satu alur dari pencarian hingga ekspor

• Iconbuddy adalah mesin pencari ikon open-source yang menyediakan alur “cari cepat, edit bebas, unduh instan”
• Menurut metadata layanan, fitur utamanya adalah sebagai berikut
  • Pencarian dan unduhan lebih dari 300.000 ikon SVG gratis
  • Kustomisasi warna dan ukuran
  • Ekspor dalam format SVG, PNG, JSX, Base64

Skala penggunaan dan contoh pemakaian

• Disebutkan digunakan oleh 500K+ profesional di seluruh dunia
• Nama-nama berikut dicantumkan sebagai penggunaannya
  • Framer
  • Midjourney
  • Figma
  • Mobbin
  • Google
  • Microsoft
  • cohere
  • CashApp
  • Buy Me a Coffee
  • DigitalOcean
  • Roadmap.sh
  • Letter

Contoh pustaka ikon utama yang disertakan

• Set ikon umum

  • 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

• Ikon pengembangan dan file

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

• Ikon merek dan logo

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

• Ikon emoji dan bendera

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

Bentuk pemanfaatan dalam pekerjaan

• Tanpa perlu mengunjungi banyak pustaka ikon satu per satu, pengguna bisa mencari, mengedit, dan mengunduh di satu tempat
• Berkat penyesuaian warna dan ukuran serta dukungan berbagai format ekspor, desainer dan pengembang dapat memakai aset ikon yang sama sesuai lingkungan kerja masing-masing

[GN⁺]

Komentar Hacker News

• Akan bagus jika bisa melihat lisensi dan pembuat untuk tiap ikon
  Saat ini, kalau menemukannya lewat pencarian semua ikon, sepertinya itu tidak memungkinkan; saya penasaran apakah saya melewatkan sesuatu

  • Fakta bahwa informasi lisensi tidak ada di sini cukup fatal
    Mereka memakai istilah “ikon open source”, tetapi belakangan istilah itu terlalu sering disalahgunakan hingga terasa tidak banyak artinya
    Saya mengecek beberapa, dan bahkan di file SVG yang diunduh pun tidak terlihat informasi lisensinya
  • Setidaknya perlu ada sumber. Tanpa itu, ini tidak berguna
    Secara teknis mungkin saja open source, tetapi kelebihannya hampir hilang
    Misalnya, masalah ini langsung terlihat di https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google seperti ini. Saya tidak tahu akan separah apa untuk ikon layanan yang kurang dikenal
    Tidak jelas berapa banyak ikon yang berlisensi CC-BY dan memerlukan atribusi, atau berapa banyak sumber mencurigakan yang mengambil ikon lalu mengklaimnya sebagai CC0, semacam pencucian lisensi
  • Ini mungkin bukan open source, dan sepertinya juga ada masalah merek dagang: https://iconbuddy.app/bxl/amazon
  • Di halaman utama juga perlu ada bagian yang menjelaskan lisensi dan sumber ikon. Karena saya tidak bisa menemukannya, saya langsung menutup halamannya
  • Jika menekan ikon info di samping nama koleksi, Anda bisa melihat detail lisensi, repositori GitHub/file Figma, dan informasi pembuat/desainer

• The Noun Project lebih besar, menawarkan 5 juta ikon dan lisensi yang lebih jelas: https://thenounproject.com/

  • Saya membayar $40 per tahun untuk versi Pro, dan itu sangat bagus saat butuh ikon atau ilustrasi sederhana
    Saya juga cukup sering menggabungkan beberapa ikon, dan benar-benar ada ikon untuk hampir segala hal
    “Affair”
    https://thenounproject.com/icon/cheating-10395/

• Saya sudah beberapa tahun terutama memakai https://iconify.design/
  Saya suka fitur untuk mengubah warna di UI, tetapi secara pribadi saya memakai kelas Tailwind untuk warna

• Bagus! Ada juga proyek serupa dari Anthony Fu: https://icones.js.org
  Keduanya bergantung pada framework Iconify yang sama, jadi saya penasaran apakah mereka berbagi superset ikon yang sama

• Keren sekali :)
  Kalau boleh memberi permintaan/saran fitur kecil, saat melihat hasil pencarian akan bagus jika ada juga tautan ke koleksi induk tempat tiap hasil berasal
  Misalnya, ketika saya melihat ikon yang saya suka di hasil pencarian, saya ingin tahu itu berasal dari koleksi yang mana

  • Ide situsnya sendiri bagus, tetapi kalau hasil pencarian tidak menunjukkan berasal dari koleksi mana, ini jadi cukup tidak berguna
    Lisensi juga tidak ditampilkan di situs, jadi kalau tidak tahu set ikon-nya, kita bahkan tidak bisa mencarinya sendiri

• Baru-baru ini saya menemukan sekotak clip art saat membereskan lemari di rumah orang tua
  Isinya terbagi ke dalam 50 disk dan harganya $50. Label harganya bahkan masih tertempel. Sepertinya barang sekitar tahun 1990
  Kalau dipikir-pikir, sekarang koleksi ikon semacam itu tersedia gratis dan bisa langsung dipakai

  • Dalam nilai uang sekarang itu sekitar $116
    Lumayan juga sebagai usaha sampingan

• Bagus, tapi saya lebih suka https://icones.js.org/

• Saya penasaran bagaimana perbandingannya dengan https://fontawesome.com
  Edit: melihat halaman ini, sepertinya ini semacam superset: https://iconbuddy.app/fa-solid

  • Versi terbaru Font Awesome bukan open source
    Fork Awesome adalah fork open source: https://forkaweso.me/Fork-Awesome/

• Pakai dengan tanggung jawab Anda sendiri. Tidak ada lisensi, dan sumber ikon diambil dari sana-sini

• Katanya bisa dikustomisasi sepenuhnya? Yang bisa diubah cuma warna

  • Latar belakangnya juga bisa diubah dengan beberapa cara, jadi menurut saya itu sudah nilai tambah yang cukup bagus