デザイン

デザイン

【デザインに差をつける】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
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

146 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個)

ダウンロード

 

おすすめ新着記事

おすすめタグ