デザイン

デザイン

PR

【デザインに差をつける】WEBデザインのための無料で使えるアイコンフォントTOP 56選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、Top 50 Free Icon Fonts for Web Design
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,632 views

読了時間 : 約4分53秒

アイコンフォントはとても人気がありますが、同時に危険な落とし穴も含んでいます。イアン・フィーザーは自身がアイコンフォントからSVGに移行した理由を語っていますし、CSS TricksはアイコンフォントかSVGのどちらかを選ぶ時の基準の考え方を提示しています。イアンもCSS Tricksも、明らかにSVG派なのです。一方、Pictonicは「アイコンフォントはSVGより10%速い」と反論しています。いずれにせよこれらの事情は、あなたがアイコンフォントを使用したいのであれば、前もって知っておく必要があります。

 

 

アイコンフォントが常に正しく読み込まれるようにし、@fontfaceをサポートしていないブラウザでも信頼性の高いフォールバックを確保するためには、フィラメント・グループが発行しているBulletproof Accessible Icon Fonts(「いかにしてアイコンフォントを安全にアクセス可能にするか」)というガイドラインを一読することをお勧めします。

 

 

ダウンロード無制限:500,000+ HTML Webテンプレートアイコンセット、Webテンプレート&デザインセット

ダウンロード

 

 

LineAwesome (600 個)

 

ダウンロード

 

 

Dashicons – WordPress 公式の認定アイコンフォント (197 個)

ダウンロード

 

 

Linea Iconset (730+ 個)

ダウンロード

 

 

Themify Icons (320+ 個)

ダウンロード

 

 

GitHub’s Octicons (178 個)

ダウンロード

 

 

Devicon (105 個)

ダウンロード

 

 

iOS7 Vector Icons (100 個)

ダウンロード

 

 

Genericons (120 個)

ダウンロード

 

 

Stroke 7 Icon Font (170 個)

ダウンロード

 

 

Stroke Icons (80 個)

ダウンロード

 

 

Icon-Works (134 個)

ダウンロード

 

 

Devicons – WEB開発者にとっての象徴的フォント (123 個)

ダウンロード

 

 

Solid Icons (210 個)

ダウンロード

 

 

77 Essential Icons (77 個)

ダウンロード

 

 

Tonicons Outline Icons (200 個)

ダウンロード

 

 

Stroke 7 – iOS7風の細線Strokeアイコンフォント(170 個)

ダウンロード

 

 

The Elegant Icon Font (360 個)

ダウンロード

 

 

Dripicons – 完全無料のVector線画アイコンフォント(95 個)

ダウンロード

 

 

Iconia – レギュラー、円形、カットの3つのスタイルがあるアイコンフォント(113 個)

 

 

 

Metrize Icons – メトロスタイルなアイコンフォント (300 個)

ダウンロード

 

 

Icon Pack – Petras Nargelaによる線画アイコンフォント (40 個)

ダウンロード

 

 

Ionicons – Ionフレームワークのための大きめアイコンフォント (528 個)

ダウンロード

 

 

Batch Icons (300+ 個)

ダウンロード

 

 

IcoMoon Free Pack (450個)

ダウンロード

 

 

MFG Labs Web Icon Set (120 個)

ダウンロード

 

 

Font Awesome Free Icon Font (500+ 個)

ダウンロード

 

 

Foundation Icons (140 個)

ダウンロード

 

 

Ligature Symbols (250+ 個)

ダウンロード

 

 

OpenWeb Free Icon Font (54 個)

ダウンロード

 

 

Sosa Free Icon Font (120 個)

ダウンロード

 

 

One Div (91 個)

 

 

 

PW Drawn Icon Font (80+個)

ダウンロード

 

 

Premium Pixels Mini Icons (80個)

ダウンロード

 

 

Fontelico Font (30個)

ダウンロード

 

 

Typicons (88個)

ダウンロード

 

 

Icons V.3 –Hüseyin Yilmazによる無料アイコンフォント (24 個)

ダウンロード

 

 

Genericons – WordPressによるアイコンフォント (123 個)

ダウンロード

 

 

Open Iconic – とても判別しやすいアイコンフォント (218個)

ダウンロード

 

 

Linecons Free – 無料の線画アイコンフォント(48個)

ダウンロード

 

 

Outlined Icons by Dario Ferrando (150個)

ダウンロード

 

 

Feather Icon Set – 美しくシンプルなアイコンフォント(130 個)

 

 

 

Minimal – 小さくデザインされたアイコンフォント (48 個)

 

 

 

The Icony Icon Font (100個)

ダウンロード

 

 

Goodies Icon Font (25 個)

 

 

 

Stackicons Social Icon Font (75個)

ダウンロード

 

 

Socialicious – ソーシャルメディアの図書館のようなアイコンフォント (58個)

ダウンロード

 

 

Mono Social – Mono Social Icon Set の中から厳選されたアイコンフォント(100個)

ダウンロード

 

 

Social Media Icons (74 個)

ダウンロード

 

 

Rondo – ソーシャルメディアのアイコンフォント (40 個)

 

 

JustVector Social Icons Font (30個)

ダウンロード

 

 

Social Media Glyph Set (30 個)

 

 

Infinity Space Icon Font (230個)

ダウンロード

 

 

Map Icons – Google Mapsのためのアイコンフォント(150+ 個)

ダウンロード

 

 

Weather Icon Font – 少し色あせたデザインが特徴のアイコンフォント(92 個)

ダウンロード

 

 

Meteocons (40個)

ダウンロード

 

おすすめ新着記事

おすすめタグ