無料で使用できる!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」
\ Webデザインに関するお役立ち情報を定期的に配信中 /
- Googleが公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」
- カスタマイズして使用できるアイコンライブラリ「Vivid.js」
- パスが編集できる商用利用可のアイコン素材集「ICON BOX」
- 800種類以上のフリーアイコンをダウンロードできる「IconBros」
- パーツを組み合わせ絵文字を作れるジェネレーター「Emoji Builder」
- WordPress対応のおすすめレンタルサーバー比較 ( 初心者向け )
- 無料で使えるフリーイラスト素材サイト(商用利用可)
- 無料で使用できるフリー画像・写真素材サイト(国内/海外)
- Webデザインの参考サイト | Web Design Clip - Webデザインクリップ -
- LP・ランディングページの参考サイト | Web Design Clip [L]