無料ツール
アイコンフォントジェネレーター
91,000以上のアイコン
数分でカスタムアイコンフォントを作成。LucideとTablerから91,000以上のオープンソースアイコンを閲覧し、独自のSVGをアップロードして、本番環境対応のWOFF + CSSフォントを生成。無料、登録不要。
数分でカスタムアイコンフォントを作成。LucideとTablerから91,000以上のオープンソースアイコンを閲覧し、独自のSVGをアップロードして、本番環境対応のWOFF + CSSフォントを生成。無料、登録不要。
インストール不要、アカウント作成不要。すべてブラウザ上で動作します。
カテゴリ別または名前で91,000以上のアイコンを検索。独自のSVGファイルをアップロードしてカスタムアイコンを追加。どのコレクションからでも自由に組み合わせ可能。
生成をクリックすると、対応するCSSファイルとともに本番対応のWOFFフォントが完成。各アイコンにはtf-icon-homeのような一意のクラス名が付与されます。
ファイルをサーバーにアップロードし、ヘッダーにCSSリンクを1つ追加するだけ。HTML、React、Vue、Angular、WordPress、Webflow、Bubbleなどすべてのフレームワークに対応。
ジェネレーターは完全無料。Proプランは年間15 CADでホスト型CDNと自動更新を追加。
Proプラン：月額約1.25ドル。コーヒー1杯より安い。
生成したアイコンフォントは、CSSファイルを追加できる場所ならどこでも使用できます。
あらゆる静的サイトや手書きプロジェクトに対応。
CSSをインポートしてJSXやテンプレートでクラス名を使用。
テーマのfontsフォルダに追加してスタイルシートをエンキュー。
Assetsにアップロードし、カスタムコードのheadにCSS URLを追加。
ファイルをアップロードし、SEO/MetatagsヘッダーにCSS URLを追加。
プロジェクト設定のカスタムコードにCSS URLを追加。
テーマのアセットにアップロードしてレイアウトで参照。
React Native、Flutter、またはネイティブアプリでフォントファイルを使用。
アイコンフォントは、各文字が文字ではなくアイコンになっているカスタムウェブフォントです。サイトにCSSファイルを追加し、<i class="tf-icon-home"></i>のようなクラス名を使ってアイコンを表示します。任意のサイズにスケールでき、CSSで色を変更でき、単一のHTTPリクエストで読み込まれます。
LucideやTablerを含むオープンソースコレクションから91,000以上のアイコンを利用できます。独自のSVGファイルをアップロードして、フォントにカスタムアイコンを追加することもできます。
はい。無料ティアでは、91,000以上のアイコンをすべて閲覧し、カスタムSVGをアップロードし、コンパイルされたWOFF + CSSファイルをダウンロードできます。登録不要、透かしなし、含めるアイコン数に制限はありません。
年間15 CADで、ProプランはアイコンフォントをCDN上でホストします。サイトのヘッダーに貼り付けるための永続的なURLを取得できます。アイコンを追加または削除すると、CDNが自動的に更新されます。ファイルの再ダウンロードや再アップロードは不要。無制限のアイコンライブラリを作成できます。
アイコンフォントはより使いやすく（CSSクラスのみ）、単一のリクエストで読み込まれ、メールテンプレートを含むどこでも機能します。テキストと同様にCSSでサイズ変更や色付けが可能です。SVGスプライトも優れた選択肢です。プロジェクトに合ったものをお使いください。
はい。ジェネレーターのすべてのアイコンは、寛容なライセンス（MITまたはISC）を持つオープンソースコレクションからのものです。帰属なしで個人および商用プロジェクトに使用できますが、元の作者へのクレジットは歓迎されます。
このアイコンフォントジェネレーターは、デジタルエージェンシー向けのクリエイティブOSであるTimingFlowの数多くのツールの一つです。テックスタック全体を置き換える一つのプラットフォーム。