1000種類のシンプルなアイコンを無料でつかえるUnicons

WEB DESIGN

2019.04.26

2019.04.27

1000種類のシンプルなアイコンを無料でつかえるUnicons

1000種類(実際にはそれ以上)ものアイコンを無料でつかえるUniconsというサイトを紹介します。

こういったサイトで一番有名なのはfontawesomeだと思いますが、個人的にはこちらのUniconsの方が好きなアイコンが多い気がします。どのアイコンもシンプルで使い勝手が良さそうなものばかり。商用利用も無料なので安心して使えます。

1000+ free vector icons – Unicons – Iconscout

Uniconsの使い方

使い方は非常に簡単で、左側のメニューからカテゴリーを選んで、目的に合ったアイコンを探すだけです。クリックすると、下記画面のように「Mark UP」「CDN」「SVG」と利用方法が選択できます。

Mark UP形式で直接表示する場合

サイトに直接マークアップして利用したい場合は、下記CSSを読み込んでおく必要があります。こちらもCDNで配信されているので、<head>タグ内にコピペすればすぐに使えます。

<link rel="stylesheet" href="https://unicons.iconscout.com/release/v0.0.3/css/unicons.css">

デザインソフトでアイコンを使いたい場合

ソフトをつかってデザインをしているときにUnicons内のアイコンを使いたい場合は、拡張機能プラグインも無料で用意されています。PhotoshopやIllustrator、Sketch等のデザイン専用ソフトはもちろん、WordやPowerpoint、Googleドキュメント、スライドにも対応しているみたいです。

例えばphotoshopだとこんな感じです。

Icondrop for Adobe Photoshop

対応しているソフトはUniconsの公式サイトのトップページ、下の方に書かれています。