無料で使用できる!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」



PICK UP
RELATED POSTS
  • キレイな装飾のテキストアニメーション「Decorative Letter Animations」
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • 【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」
  • 動きのあるバブルを背景に設定することができる「bubbly-bg」
POPULAR POSTS
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • フォントを調べる時に役に立つサービス・サイトまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年9月版】
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
RECENT POSTS
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年9月版】
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォントまとめ
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで作成する吹き出しとデザインのアイデア