Dashicons

WordPress 標準のアイコン

  • 342 種類
  • ライセンスGPL v2

公式サイト:

Dashicons | WordPress Developer Resources [Official]

リポジトリ:

WordPress/dashicons: Dashicons, the WordPress admin icon font. For the official resource, please see the WordPress Developer Hub. – GitHub

参考:

WordPress 公式アイコンフォント Dashicons の使い方 | ONZE

WordPress のアイコンフォント Dashicons を記事本文で使う方法 | デフよん

WordPress に入っているアイコンフォント Dashicons を使う方法 | ゆうそうと IT ブログ

Dashicons をテーマで使用する方法 | NxWorld

Dashicons の一覧表 | WordPress 私的マニュアル

Next Steps for Dashicons | Make WordPress Design [Official]

Evil Icons

公式サイト:

Evil Icons [Official]

リポジトリ:

evil-icons/evil-icons: Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN – GitHub

Font Awesome

こちらのページを参照

公式サイト:

Font Awesome [Official]

リポジトリ:

FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit – GitHub

参考:

Icons | Font Awesome [Official]

Basic Use | Font Awesome [Official]

Font Awesome Extension

公式サイト:

Font Awesome Extension [Official]

リポジトリ:

AndreLZGava/font-awesome-extension: Simple Font Awesome Extension – GitHub

Glyph

**UNMAINTAINED**

公式サイト:

Glyph – a Versatile SVG Icon Set [Official]

リポジトリ:

frexy/glyph-iconset: A minimal SVG icon set for modern web – GitHub

参考:

多目的に使えるシンプルなデザインがいい! 約800種類のアイテムが揃った SVG のアイコン素材 Glyph | コリス

Icongram

参考:

Icongram

Material Design Icons

公式サイト:

Material Design Icons [Official]

リポジトリ:

Templarian/MaterialDesign: 2600+ Material Design Icons from the Community – GitHub

Templarian/MaterialDesign-SVG: @mdi/svg Dist for Material Design Icons – GitHub

Nerd Fonts

公式サイト:

Nerd Fonts – Iconic font aggregator, collection, and patcher [Official]

リポジトリ:

ryanoasis/nerd-fonts: Iconic font aggregator, collection, and patcher. 40+ patched fonts, over 3,600 glyph/icons, includes popular collections such as Font Awesome & fonts such as Hack – GitHub

参考:

Cheat Sheet | Nerd Fonts [Official]

Noun Project

公式サイト:

Noun Project – Free Icons & Stock Photos for Everything [Official]

Octicons

GitHub で使用されているアイコン

  • 495 種類
  • ライセンスMIT (※ GitHub ロゴを除く)

公式サイト:

Octicons [Official]

リポジトリ:

primer/octicons: A scalable set of icons handcrafted with <3 by GitHub – GitHub

Themify Icons

公式サイト:

Themify Icons – 320+ Free Icons For Web Design & Apps

参考:

SVG やアイコンフォントが揃ってる!太っ腹なライセンスで無料利用できる高品質なアイコン素材 Themify Icons | コリス

ローディングアニメーション/スピナー

参考:

CSS や SVG で実装するローディングアニメーション | NxWorld

CSS で作るローディングアニメーション 40選/待ち時間を楽しくするテクニック | フォトピザ

CSS と JavaScript で Web ページにローディングアニメーションを表示させる方法 | Web クリエイターボックス

CSS コピペだけで実装できるローディングアニメーション! | Recooord

loading.io – Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator

人物

参考:

Flat Icon Person | GetDrawings.com

地球

参考:

Globe Icons | Flaticon

Globe Vectors, Photos and PSD files | Freepik

Globe Graphics | Vexels

通知

参考:

Notification Icons | Icons8

フリー素材

参考:

Flaticon – Free Vector Icons

Icon Shop – Download Free Icons for Commercial Use

Free Stock Icons | Stockio.com

サイト

参考:

Icons8

ICOOON MONO

Icons8

公式サイト:

Icons8 [Official]

参考:

Pricing | Icons8 [Official]

Universal Multimedia Licensing Agreement for Icons8 | Icons8 Help Center [Official]

記事をシェアする:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA