Iconify: pustaka ikon open source

 (icon-sets.iconify.design)
16 poin oleh GN⁺ 2026-01-19 | 1 komentar | Bagikan ke WhatsApp
  • Platform terintegrasi ikon untuk menjelajahi dan menggunakan berbagai set ikon open source di satu tempat
  • Menyediakan 204 set yang diklasifikasikan ke dalam berbagai kategori, dengan sekitar 280 ribu ikon
  • Mendukung pengambilan informasi ikon dan pembuatan SVG/CSS melalui API. Juga menyediakan Search API sehingga bisa dimanfaatkan di plugin Figma/Sketch
  • Setiap set didistribusikan dengan beragam lisensi terbuka seperti Apache 2.0, MIT, CC BY, GPL, dan lainnya
  • Mencakup ikon dari sistem desain utama seperti Google Material, Fluent UI, Font Awesome, Tabler, HeroIcons, dan lainnya

Ringkasan Iconify

  • Iconify adalah repositori terpusat untuk set ikon open source, yang memungkinkan penjelajahan berbagai ikon melalui antarmuka berbasis web
  • Setiap set ikon terdiri dari nama, jenis lisensi, jumlah ikon, dan tautan masing-masing
  • Pengguna dapat memfilter berdasarkan kategori untuk memilih set seperti Material, UI, Emoji, Logos, Programming, dan lainnya

Kategori ikon utama

  • Keluarga Material: 6 set seperti Material Symbols dan Material Design Icons, mencakup hingga lebih dari 15.000 ikon
  • Set UI 24px: terdiri dari lebih dari 50 set seperti Solar, Tabler, Remix, Lucide, Iconoir, dengan beragam gaya dan ukuran
  • Set UI 16px / 32px: mencakup 18 set seperti Carbon, IonIcons, Ant Design Icons, dan Bootstrap Icons
  • UI Other / Mixed Grid: mencakup banyak set besar seperti Fluent UI System Icons (18.959 ikon) dan Phosphor (9.072 ikon)
  • Set UI Multicolor: menyediakan ikon berwarna-warni seperti Streamline, Fluent Color, dan IconPark
  • Set Programming: 9 set yang dioptimalkan untuk lingkungan pengembangan seperti VSCode Icons, Devicon, dan File Icons
  • Set Logos: 15 set berfokus pada merek dan logo seperti Simple Icons, SVG Logos, dan Web3 Icons
  • Set Emoji: terdiri dari 11 set seperti OpenMoji, Twemoji, dan Noto Emoji
  • Set Flags / Maps: mencakup 7 set seperti Circle Flags dan Flag Icons
  • Set Thematic: 8 set bertema seperti Game Icons, Health Icons, dan Weather Icons
  • Set Archive / Unmaintained: menyimpan 30 set versi lama seperti Font Awesome 4~6 dan Eva Icons

Keragaman lisensi

  • Setiap set didistribusikan dengan berbagai lisensi terbuka seperti Apache 2.0, MIT, CC BY, GPL, dan OFL(Open Font License)
  • Beberapa set dapat digunakan secara bebas dalam bentuk CC0(public domain) atau Unlicense
  • Informasi lisensi ditampilkan dengan jelas, sehingga kemungkinan penggunaan komersial dan modifikasi dapat dicek dengan mudah

Contoh set ikon representatif

  • Fluent UI System Icons: lisensi MIT, 18.959 ikon
  • Material Symbols Light: Apache 2.0, 15.180 ikon
  • Tabler Icons: MIT, 5.986 ikon
  • Simple Icons: CC0, 3.379 logo merek
  • OpenMoji: CC BY-SA 4.0, 4.449 emoji

Nilai pemanfaatan

  • Menjamin akses ikon yang konsisten di berbagai sistem desain dan framework
  • Memungkinkan developer dan desainer segera memilih gaya dan lisensi yang sesuai kebutuhan proyek
  • Platform sumber daya yang mendorong reuse dan standardisasi ikon di seluruh ekosistem open source
  • Lihat halaman dokumentasi resmi untuk panduan penggunaan serta informasi API/plugin

Bacaan terkait

1 komentar

 
GN⁺ 2026-01-19
Komentar Hacker News

  • Iconify bisa mengambil SVG ikon langsung melalui API
    Saya sering membuat diagram arsitektur dengan D2, dan saat dipadukan dengan pustaka ikon Iconify yang sangat besar, hasil visualnya jadi jauh lebih kaya
    Misalnya, pada diagram yang menghubungkan Docker dan Kubernetes, kita bisa menetapkan ikon SVG masing-masing

  • Beberapa SVG memiliki animasi dan juga bisa dicari
    Saya memakai ikon-ikon ini di editor teks offline wrifocus.bounded.cc, dan hasilnya sangat memuaskan

    • Saya penasaran set ikon mana yang dipakai. Jika difilter dengan “contains animations”, yang terlihat tampaknya hanya set loader dan ikon cuaca
    • Animasi roda gigi yang berputar pada ikon pengaturan sangat keren. Editornya sendiri juga mengesankan
      Saya penasaran apakah ini juga bisa dipakai secara online dengan menyimpan data di server, dan kenapa dibuat berbasis browser offline
    • Terima kasih sudah berbagi. Saya juga ingin tahu apakah proyek ini bisa dijalankan secara self-hosted

  • icones.js.org adalah situs yang bagus untuk mencari ikon-ikon seperti ini

  • Saya jadi ingin menulis tentang topik optimasi ikon
    Rasanya menjengkelkan saat melihat situs web tidak meng-inline ikon sehingga tata letaknya bergeser

    • Setuju. Ikon inline adalah pendekatan yang bagus, tetapi bisa membuat ukuran DOM membesar
      Bergantung pada kompleksitas ikon atau seberapa sering dipakai berulang, lazy loading kadang bisa menjadi pilihan yang lebih baik
      Pada dasarnya, masalah ini terjadi karena ruangnya tidak dicadangkan dengan benar
    • Menentukan atribut width/height juga merupakan solusi yang baik. aspect-ratio juga sering direkomendasikan
      Hanya saja, ikon inline jadi tidak bisa di-cache
      Referensi terkait: artikel optimasi CLS di web.dev

  • Tautan diskusi sebelumnya: diskusi September 2024

  • Pujian besar untuk proyek ini. Saya memakainya setiap hari di hampir semua hal yang saya buat
    Saya terkejut melihat untuk proyek k3s tersedia devicon versi berwarna maupun monokrom

  • Pictogrammers punya sedikit keunggulan
    Untuk ikon Material, ia langsung menyediakan kode Home Assistant, jadi saya bisa mendapatkan kode yang dibutuhkan hanya dengan satu klik

  • Sebagai sumber ikon hebat lainnya, saya merekomendasikan The Noun Project
    Ada campuran ikon gratis, CC-BY-3.0, dan berlisensi berbayar

    • Hanya saja, kalau tidak membayar, kita harus menghapus kode yang tidak perlu dari SVG secara manual, yang cukup merepotkan

  • Beragam jawaban untuk pertanyaan tentang pustaka ikon terbaik

    • Secara pribadi, saya merasa set ikon famfamfam Silk sekitar tahun 2005 adalah puncaknya
      Sayang tidak ada versi resolusi tinggi atau SVG, tetapi sekarang mungkin bisa dilengkapi dengan AI
      Lihat / Unduh
    • Saya merekomendasikan Lucide
    • Saya suka Phosphor Icons. Selain itu, saya pada dasarnya memakai Material UI Icons
    • Saya cukup sering memakai FlatIcon terutama untuk pengembangan game
    • SVGRepo ramah pengguna karena memungkinkan kita menyesuaikan langsung ketebalan stroke, warna, dan sebagainya

  • Situs saya, universymbols.com, dapat memperluas berbagai set ikon dari Iconify dengan model gambar AI
    Jadi, selain set besar yang sudah ada, kita juga bisa membuat set ikon yang lebih orisinal