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

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関係のアイコンにショッピング関係のシンボルがあります。

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

関連記事

地方の中小企業Web担当者が知っておきたいChatGPT無料版でできるWeb運営の7つの使い方

「ホームページはあるけれど、問い合わせにつながらない」 「何を直せばいいのか分からず、更新が止まっている」 そんな悩みを感じたことはありませんか。 地方の中小企業では、Web専任の担当者を置くのが難しく、 経営者や事務担当者がWeb担当を兼ねて...続きを読む

2025.12.18

Google Chart API でQRコードを自動生成する方法

Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。 主にグラフなどを作成することができるのですが、その機能のなかにQRコードを作成して...続きを読む

2015.03.09HTMLコーディング

【WP】ワードプレスのカスタムメニュー機能を使う

WordPressではバージョン3.0より、管理画面内でメンテナンスができるカスタムメニューの機能が加わりました。WordPressで作成した固定ページや投稿記事のリンクをメニューに反映したり、動的にメニューを構築することができる便利な機能です。今回は、ワードプレスのカスタム...続きを読む

2015.08.18WordPress

【CSS】CSSカウンター入門|番号を自動で付与する基本と活用例

CSSカウンターとは?初心者でもできる番号自動付与の基本 Webサイトを作っていると、リストや段落に番号を振りたい場面が多々あります。 HTMLの<ol>タグを使えば自動的に番号が付与されますが、「思った通りにデザインできない」...続きを読む

2025.10.02CSSHTMLコーディング

【JavaScript】横にスライドするレスポンシブメニューを実装するライブラリ『mmenu』

スマートフォンやタブレットのアプリなどでボタンを押すとメニューが横から展開するインターフェイスをみることがあります。今回はそのような横にスライドするメニューを実装することができるJavaScriptライブラリ『mmenu』を紹介します。 『mmenu』 ダウン...続きを読む

2015.03.04HTMLコーディング