Repolode
投稿する
primer

primer/octicons

GitHubが開発したSVGアイコンセット。JavaScript、React、Ruby向けライブラリとして提供されています。

GitHub で見る公式サイト
スター
8,775
フォーク
849
未解決の Issue
1
最終コミット
12 時間前

これは何？

OcticonsはGitHubのアイコンセットです。SVG素材として配布されるほか、さまざまな技術スタックで簡単に使えるライブラリも提供されています。リポジトリには、JavaScript APIを備えたNode.jsパッケージ、Reactコンポーネント、React向けのstyled-systemバリアントに加え、gem、Railsヘルパー、Jekyllプラグインを含むRubyパッケージが含まれています。

各アイコンは16pxと24pxの素材が用意されており、名前が変更されたアイコンには互換性のための名前も用意されています。正規名と非推奨の別名の両方が維持されているため、既存の名前による参照も引き続き機能します。また、JavaScriptとRubyのヘルパーは、サイズを指定しない場合、デフォルトで24pxのアイコンを出力します。

コードはMITライセンスですが、セットに含まれるGitHubロゴには、GitHubが定める別個のロゴガイドラインが適用されます。

主な機能

  • 0116pxと24pxのSVGアイコンを提供します。
  • 02アイコンのマークアップを生成するNode.js向けJavaScript APIを提供します。
  • 03Styled Systemバリアントを含むReactコンポーネントを収録しています。
  • 04Ruby gem、Railsヘルパー、Jekyllプラグインとの連携機能を提供します。
  • 05互換性のある別名により、非推奨のアイコン名も引き続き使用できます。

ユースケース

  • ReactまたはNode.jsのWebインターフェースにGitHubスタイルのアイコンを追加する。
  • ヘルパーgemを使ってRailsアプリケーションでアイコンを描画する。
  • インラインアイコンが必要なJekyllの静的サイトを構築する。

クイックスタート

  1. 1

    Libraries セクションからライブラリパッケージを選択します（JavaScript または Ruby）

  2. 2

    インストール方法と使い方については、そのライブラリの README を読んでください

トピック

#icons#svg#react#design-system#javascript#ruby#gem#jekyll#nodejs#octicons

よくある質問

octicons とは？
GitHubが開発したSVGアイコンセット。JavaScript、React、Ruby向けライブラリとして提供されています。 OcticonsはGitHubのアイコンセットです。SVG素材として配布されるほか、さまざまな技術スタックで簡単に使えるライブラリも提供されています。リポジトリには、JavaScript APIを備えたNode.jsパッケージ、Reactコンポーネント、React向けのstyled-systemバリアントに加え、gem、Railsヘルパー、Jekyllプラグインを含むRubyパッケージが含まれています。
octicons は無料で使えますか？ライセンスは？
octicons は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
octicons は今もメンテナンスされていますか？
活発にメンテナンス中。octicons の最終コミットは 2026年11月6日 です。
octicons は何に使えますか？
ReactまたはNode.jsのWebインターフェースにGitHubスタイルのアイコンを追加する。 ヘルパーgemを使ってRailsアプリケーションでアイコンを描画する。 インラインアイコンが必要なJekyllの静的サイトを構築する。
octicons のインストール方法は？
Libraries セクションからライブラリパッケージを選択します（JavaScript または Ruby） インストール方法と使い方については、そのライブラリの README を読んでください
octicons はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/primer/octicons

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト