無料で使用できる!450種類以上のラインアイコン「LineIcons」

 
450種類以上のラインアイコンをアイコンフォントとして無料で使用できる「LineIcons」の紹介です。ラインアイコンはシャープな印象で大きいサイズで使用してもボテッとしないデザインです。また、アイコンはSVGでダウンロードすることも可能です。

LineIcons

使用方法は他のアイコンフォントと同様でCSSを読み込みclassの指定をするだけです。LineIconsで用意されてるCDNリンクを読み込みます。

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

次にIconsページ から表示させたいアイコンをクリックしてコードをコピペするだけです。

html
<i class="lni-twitter-original"></i>

ソーシャル・PC系アイコン


ビジネス系アイコン


ブログ系アイコン


ショップ系アイコン


統一感のあるキレイなアイコンですね。 商用利用も可能なので興味のある方はチェックしてみてください。以上、無料で使用できる!450種類以上のラインアイコンセット「LineIcons」



  • Googleが公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
  • 500種類以上のアイコンフォントとCSSのツールキット「Fontisto」
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • アイコンフォント「FontAwesome」の使い方
RELATED POSTS
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
  • センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • 【jQuery】サイドバーをスライドで表示できるSimple Sidebar
  • SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選