Iconify: オープンソースのアイコンライブラリ

 (icon-sets.iconify.design)
16 ポイント 投稿者 GN⁺ 2026-01-19 | 1件のコメント | WhatsAppで共有
  • 多様なオープンソースのアイコンセットを1か所で探索して利用できる アイコン統合プラットフォーム
  • 複数のカテゴリに分類された204セット、約28万個のアイコンを提供
  • APIを通じてアイコン情報の取得およびSVG/CSS生成をサポート。検索APIも提供しており、Figma/Sketch用プラグインで活用可能
  • 各セットは Apache 2.0、MIT、CC BY、GPL など多様な オープンライセンス で配布
  • Google Material、Fluent UI、Font Awesome、Tabler、HeroIcons など 主要デザインシステムのアイコン を含む

Iconify 概要

  • Iconifyは オープンソースのアイコンセットの中央リポジトリ であり、Webベースのインターフェースを通じてさまざまなアイコンを探索可能
  • 各アイコンセットは、名前、ライセンス種別、アイコン数、個別リンクで構成されている
  • ユーザーはカテゴリ別にフィルタリングして Material、UI、Emoji、Logos、Programming など のセットを選択可能

主なアイコンカテゴリ

  • Material 系: Material Symbols、Material Design Icons など6セットで、最大15,000個以上のアイコンを含む
  • UI 24px セット: Solar、Tabler、Remix、Lucide、Iconoir など50以上のセットで構成され、多様なスタイルとサイズを提供
  • UI 16px / 32px セット: Carbon、IonIcons、Ant Design Icons、Bootstrap Icons など18セットを含む
  • UI Other / Mixed Grid: Fluent UI System Icons（18,959個）、Phosphor（9,072個）など大規模セットを多数含む
  • UI Multicolor セット: Streamline、Fluent Color、IconPark など、色彩豊かなアイコンを提供
  • Programming セット: VSCode Icons、Devicon、File Icons など、開発環境に特化した9セット
  • Logos セット: Simple Icons、SVG Logos、Web3 Icons など、ブランドおよびロゴ中心の15セット
  • Emoji セット: OpenMoji、Twemoji、Noto Emoji など11セットで構成
  • Flags / Maps セット: Circle Flags、Flag Icons など7セットを含む
  • Thematic セット: Game Icons、Health Icons、Weather Icons などテーマ別の8セット
  • Archive / Unmaintained セット: Font Awesome 4〜6、Eva Icons など過去バージョン30セットを保管

ライセンスの多様性

  • 各セットは Apache 2.0、MIT、CC BY、GPL、OFL(Open Font License) など多様なオープンライセンスで配布
  • 一部のセットは CC0（パブリックドメイン） または Unlicense 形式で自由に利用可能
  • ライセンス情報が明示されているため、商用利用や改変可否 を容易に確認できる

代表的なアイコンセット例

  • Fluent UI System Icons: MITライセンス、18,959個のアイコン
  • Material Symbols Light: Apache 2.0、15,180個のアイコン
  • Tabler Icons: MIT、5,986個のアイコン
  • Simple Icons: CC0、3,379個のブランドロゴ
  • OpenMoji: CC BY-SA 4.0、4,449個の絵文字

活用価値

  • 多様なデザインシステムやフレームワークで 一貫したアイコンアクセシビリティ を確保
  • 開発者とデザイナーが プロジェクト要件に合ったスタイルとライセンス を即座に選択可能
  • オープンソースエコシステム全体で アイコンの再利用と標準化 を促進するリソースプラットフォーム
  • 公式ドキュメントページで活用方法およびAPI/プラグイン情報を参照

関連記事

1件のコメント

 
GN⁺ 2026-01-19
Hacker News の意見

  • Iconify は API を通じてアイコンの SVG を直接取得できる
    自分は D2 でアーキテクチャ図をよく作るが、Iconify の膨大なアイコンライブラリを組み合わせると、見た目がずっと豊かになる
    たとえば Docker と Kubernetes をつなぐ図で、それぞれの SVG アイコンを指定できる

  • 一部の SVG には アニメーション が適用されており、検索もできる
    自分はオフラインのテキストエディタ wrifocus.bounded.cc にこれらのアイコンを使ったが、仕上がりにとても満足している

    • どのアイコンセットを使ったのか気になる。「contains animations」でフィルタすると、ローダーや天気アイコンセットくらいしか見当たらない
    • 設定アイコンの ギアが回るアニメーション が特に良い。エディタ自体も印象的だ
      オンラインでもサーバーにデータを保存する形で使えるのか、またオフラインのブラウザベースにした理由も気になる
    • 共有ありがとう。プロジェクトを self-hosted で運用できるかどうかも知りたい

  • icones.js.org はこうしたアイコンを検索するのに良いサイトだ

  • アイコン 最適化 というテーマで記事を書いてみたくなる
    Web サイトがアイコンをインライン化していないせいでレイアウトが揺れるのを見ると、もどかしく感じる

    • 同意する。インラインアイコンは良い方法だが、DOM サイズが大きくなる可能性がある
      アイコンの複雑さや繰り返し使用の量によっては、lazy loading のほうが良い場合もある
      根本的には、必要なスペースがきちんと予約されていないことが原因だ
    • width/height 属性を指定するのも良い解決策だ。aspect-ratio もよく勧められる
      ただし、インラインアイコンは キャッシュできなくなる
      関連参考: web.dev の CLS 最適化記事

  • 過去の議論へのリンク: 2024年9月の議論

  • このプロジェクトには大きな賛辞を送りたい。自分が作ったほぼすべてのものに毎日使っている
    k3s プロジェクト 用に、カラーバージョンとモノクロバージョンの devicon が両方あるのを見て驚いた

  • Pictogrammers には少し利点がある
    Material アイコンについて Home Assistant のコード をそのまま提供してくれるので、ワンクリックで必要なコードを得られる

  • もう一つの優れたアイコンソースとして The Noun Project を勧めたい
    無料、CC-BY-3.0、有料ライセンスのアイコンが混在している

    • ただし有料で支払わない場合、SVG から 不要なコード を手動で取り除かなければならず面倒だ

  • 最高のアイコンライブラリは何かという質問に対するさまざまな答え

    • 個人的には、2005年ごろの famfamfam Silk アイコンセット が頂点だったと思う
      高解像度版や SVG 版がなかったのは残念だが、今なら AI で補えるかもしれない
      見る / ダウンロード
    • Lucide を勧める
    • Phosphor Icons が好きだ。それ以外では基本的に Material UI Icons を使っている
    • 自分は主に ゲーム開発 用として FlatIcon をよく使う
    • SVGRepo はストロークの太さや色などを自分で調整できるので、使いやすい

  • 自分のサイト universymbols.com では、Iconify のさまざまなアイコンセットを AI 画像モデル で拡張できる
    そのため、既存の大規模セットに加えて、より 独創的なアイコンセット も作れる