無料で使用できる!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 + 日本語早期アクセス」
  • Google Fontsの使い方とおすすめ日本語フォント -初心者向け-
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
  • 500種類以上のアイコンフォントとCSSのツールキット「Fontisto」
  • アイコンフォント「FontAwesome」の使い方
RELATED POSTS
  • 【Webデザイン】魅力的な動きをするレスポンシブメニュー
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
  • ページをめくるようなエフェクトを実装できる「Page Flip Layout」
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • 【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」