【フォント】サインに最適なフリーのシンボンルフォント

free-high-quality-symbol-fonts

WEBサイトや印刷物のデザインにおいて、メニューやボタン、マップ上のシンボルなどに利用者にわかりやすく内容を伝えるためアイコンを用いることがあります。

ビジュアルで内容を伝えることができるシンボルタイプのフリーフォントをまとめてみました。

Heydings Common Icons

heydings_controls

WEBでよく使用されるシンボルがセットになっているシンボルフォント。コンバーターでWEBフォントにして「@font-face」などで利用してもよさそうです。フリーフォントライセンスの「SIL Open Font License」になっています。

The Entypo Pictogram Suite

19-ebtypo

WEBでよく使用されるシンボルが250セットになっているシンボルフォント。

ライセンスが「CC BY-SA 3.0」と「SIL Open Font License.」になっています。

Efon by Nan Sakurai

26-efon-free-font

日本のデザイナー櫻井ナンさんのイラストフォントです。かわいらしいアイコンになっています。

Signify Lite: Free Icon Font

13-Signify-Lite-Free-Icon-Font

シンプルなシルエットのシンボルフォント。

アイコン数が限定されているフリー用が、個人・商用利用ともにフリーライセンスになっています。

Peax Drawn Icons by Peax Webdesign

39-Peax-Drawn-Icons

手書き風のシンボルフォント。一般的なWEB、IT関係のアイコンにショッピング関係のシンボルがあります。

個人利用の場合は使用フリーで、商用の場合は作者サイトのリンクライセンスになっています。

関連記事

HTML5の可能性とメリット

HTML5とは? W3C より2008年1月22日にHTML5のドラフト(草案)が発表、2014年には正式に勧告されるのではないかと言われています。 HTML5は、ウェブページのヘッダ情報を示すhead要素、ナビゲーションのブロック用のnav要素、コピーライトなどのフッタ...続きを読む

2015.02.06HTMLコーディング

「動くけど、採用できない」AIコードの見分け方

「動くけど、採用できない」AIコードはどこで見分ければいいのか? AIで生成したコード、エラーは出ていない。 画面も想定どおりに表示されている。 それなのに、実務に組み込もうとすると手が止まる。 「このまま入れて大丈夫だろうか」 「あとで直す...続きを読む

2026.01.06AI活用HTMLHTMLコーディング生成AI

ブログやWEBサイトのトラフィック(アクセス)を増やす方法

ブログやWEBサイトの集客・収益効果を高めるために、トラフィック(アクセス)を増やすことは重要な課題といえます。 一般的にトラフィック(アクセス)を増やすためには有料広告が確実に効果がある方法ですが、立ち上げたばかりのサイトや予算をかけることが出来ない場合は、お金をかけ...続きを読む

2015.02.14SEO

【JavaScript】グラフなどの描画をサポートするライブラリまとめ

折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。 Chart 6種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。 Dem...続きを読む

2015.03.02HTMLコーディング

【WP】ログインページをカスタマイズする方法

WordPressのログインページはプラグインなどを利用してカスタマイズすることができます。 今回は、プラグインを使わずにアクションフックを利用してWordPressのログインページで利用されるCSSをカスタマイズしてオリジナルのデザインに変更する方法をご紹介します。 ...続きを読む

2015.02.25WordPress