Awesome入れておくか」ってなってませんか?アイコンの数も多くデザイン的にも便利かも知れませんが、他にも無料のWebアイコンフォントはあります!なので今回はおすすめの無料Webアイコンフォントたちを紹介します!Webアイコンフォントってなに?https://fontawesome.com/Webアイコンフォントとは、Webフォントのアイコン版です。HTMLタグを挿入するだけでアイコンが表示されます。画像で貼り付けているのではなくフォントとして表示するという特徴があるので、画質に左右されることありませんし、色や大きさもCSSで調節できます。おすすめのWebアイコンフォント5選それでは早速おすすめのWebアイコンフォントを10個紹介します。順不同で紹介していきますのでお好みのWebアイコンフォントを選んでください!詳しい使用方法は他サイト様のリンクを貼らせて貰っています。Awesome」です。豊富なアイコンの数が魅力的です。詳しい使用方法は下記を参考ください。Awesome」です。Awesome」同様種類が多く、また線が細いのでキレイめなサイトで活躍してくれそうです。詳しい使用方法は下記を参考ください。Iconshttps://material.io/resources/icons/Googleが提供しているマテリアルデザインキットのWebアイコンフォントです。マテリアルデザインに合うようスタイルも4つ用意されています。そのWebアイコンフォントが約900種類も用意されています。詳しい使用方法は下記を参考ください。開発しているデザインシステム「Material」のアイコンフォント。マテリアルアイコンには使用制限はなく、誰でも自由に使用することができます。導入方法GoogleWebFonts...Ioniconshttps://ionicons.com/こちらのアイコンの特徴はマテリアルスタイルとiOSのスタイルの2つが用意されている点です。Webだけでなくネイティブのアプリでも活躍してくれます。詳しい使用方法は下記を参考ください。ギガログhttps://giga-log.com/homepage/ionicons-use/WEBフォントアイコンの1つである、Ioniconsの使い方を解説します。IoniconsはCDNに対応したアイコンフォントなので、初心者の方でも導入から使用に至るまで簡単に行えます。CSSなどでアイコンの色やサイズも変更することができます。3https://zurb.com/playground/foundation-icon-fonts-3CSSフレームワークで有名な「Foundation」にあったスタイルで構成されたWebアイコンフォントです。「Foundation」を使用されている方はこちらを選択するのがベターだと思います。詳しい使用方法は下記を参考ください。3の導入方法、使い方、カスタマイズ方法を解説します。現在バージョン3までリリースされ、283種類の無料アイコンが配布されています。HTML、CSSを使用してアイコンの色やサイズを変更する方法もわかりやすく解説します。今月の人気記事2020年流行?font-familyのオススメ設定はこれ!【CSS】2017.06.25【リッチなサイトへ】おしゃれなCSSアニメーションサンプル10選2018.05.17現役Web開発者がおすすめするAtom拡張パッケージ17選2019.05.25とにかく”映え”てしまう。実際に使ってみて本当にオススメできるプログラミングフォントまとめ2018.04.03おすすめタグ解説まとめおすすめ映画WEBアプリfontWordPressテーマAtom用語SEO対策font-family2017洋画アクションランキングAnyushuについて主に映画とWebについての記事を投稿するブログ「Anyushu」です。現役のWebエンジニアが記事を更新しています。