Cntlog > WEB全般 > 無料で使えるCSSで簡単に使える便利なアイコンフォント集

無料で使えるCSSで簡単に使える便利なアイコンフォント集

アイコンフォントといえば、fontawesome一択みたいな運域はありますが、最近は別のものでも結構便利なアイコンフォントが合ったりします。

個人的にはfontawesome好きなんですが、矢印(chevron-right)とかが自分のデザインに合わなくてもやもやもやもやしていました。

いくつか気に入ってる、簡単に使えるアイコンフォントをご紹介します。

Line Icons

完全無料で使えるおしゃれなアイコン集。
個人的には一番お気に入りです。

公式サイト

使い方

CDNで読み込む

下記のCSSを読み込む

<link href="https://cdn.lineicons.com/1.0.1/LineIcons.min.css" rel="stylesheet">

HTMLのサンプル

cheetsheetにあるアイコンを選択してclassをつける

<i class="lni-add-file"></i>
<i class="lni-cart"></i>
<i class="lni-calculator"></i>

Linearicons

無料版とプロ版とあります。
無料版でも170個のアイコンがあるので結構使えます。

公式サイト

使い方

CDNで読み込む

下記のCSSを読み込む

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

HTMLのサンプル

cheetsheetにあるアイコンを選択してclassをつける

<span class="lnr lnr-mustache"></span> 

関連記事

サーバーが苦手な方にオススメしたい無料でSSL対応できるサーバー... 先月私はロリポップとさくらレンタルサーバーからZenlogicに乗り換えました。 乗り換えから約一ヶ月が経ってなかなか使いやすいとか変えてよかったなーと思う事が多く乗り換えてよかったと思っています。 同時期に始めた人からも満足してる声をよく聞きます。 自分が気に入っているZenlo...
簡単かつ速攻でWebサイトを持てるGoogleマイビジネスの新機能... 2017年6月からGoogleマイビジネスに簡単なウェブサイトを作れるWebサイトビルダーの機能がつきました。 簡単かつ無料でつくれるのでホームページを持っていない人には朗報ですね。 すぐにインデックスされるので、検索でもすぐに引っかかる事ができそうです。 使い方 Goo...
2015年の振り返りと2016年に向けて|会社員 Advent Calendar 2015... 今年もAdvent Calendarに参加第1弾「会社員 Advent Calendar 2015」です。 他にもディレクターとかWeb解析とかやる予定です。 私は会社員してまして、今の会社は今年で2年目です。 ようやく社内の下積みを抜けて色々自分でできるようになったのでその振り返りです...
2014年秋アニメサイトを同業者(Webデザイナ)目線で見て気になったとこ... もう10月です。気がついたら一年終わってしまいしそうですね。 秋アニメ全然チェックしていなかったので、アニメだけじゃなくまたサイトの制作部分も一緒にチェックしてみました。 気になる演出やデザインなど刺激されたサイトをまとめてみました。 ふうせんいぬティニー 下層ページに入った...
udemyのビッグセール・キャンペーンはいつなのかを調べてみた... udemyは頻繁にセールをしていますが、大きなセールは年に数回です。 もう何年もUdemyを使っているので、ビッグセールの傾向が見えてきたのでご紹介します。 ビッグセールの時期 ビッグセールは私が知る限り、年に3回あります。 どれも講座も基本的には最大割引率の95%オフで購入でき...
Webデザイナが開発環境を作るにあたっての課題について考えてみた... 先日個人的にWordPressのお仕事いただいて自分で開発環境を作っていたのですが、ふとこの工程を自分でできるWebデザイナってどのくらいいるのかなと疑問を覚えました。 幸い私は大きなトラブルなく構築できた(以前似たような構成の案件があった)のですが、従来案件確定の段階で重要視されるのはスケジ...