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

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

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

関連記事

Google ChromeでSSL化(暗号化)されていないページを閲覧すると警告表示がされます

2018年7月から最新のGoogle Chrome ブラウザを使用して、WEBサイト(ホームページ)を閲覧すると、SSL化されていないページでは、「保護されていません/保護されていない通信」という警告文が表示されるようになりました。Google が「保護されたウェブの普及を目指し...続きを読む

2018.08.18SSLWEB

ChatGPTにCSSを書かせる前に、人が決めておくべきこと

ChatGPTにCSSを書かせると、 見た目としてはそれなりに整ったコードが、すぐに出てきます。 「とりあえず動く」「デザイン要件は満たしている」 ここまでは、特に問題を感じないかもしれません。 ただ、あとから少し修正しようとしたときに、 ...続きを読む

2026.01.10AI活用CSS生成AI

【お名前.com】ドメインの申請が完了できなくなってしまった-解決方法-

WEBサイト(ホームページ)を新しく公開するときは、URLとなるドメインが必要になります。ドメインを取得するために、「お名前.com」のサービスを利用することが多いのですが、申込中にエラーが発生しました。 「お名前.com」で新しいドメインを申込した際に、『カートの内容が変...続きを読む

2018.07.23WEBサイト制作お名前.comドメイン

【CSS】linear-gradient(グラデーション)を使ったボタン作成

CSSのlinear-gradient()関数を用いることで画像を使わずとも、グラデーション色のボタンを作成することができます。 ※矢印は、「Font Awesome」、文字はGoogle Fontsの「M PLUS Rounded 1c」を組み合わせております。 ボ...続きを読む

2021.02.19CSSHTMLコーディング

【WP】モバイル端末用にテーマを切り替えるプラグインのまとめ

先日のGoogleのウェブマスター向け公式ブログ「検索結果をもっとモバイルフレンドリーに」の記事にもあったように、モバイル端末によるウェブサイトの利用がシェアを伸ばしてきていることでウェブサイトのモバイル端末への最適化も重要な課題になってきていると思われます。 今回は、...続きを読む

2015.03.20WordPress