目次
あなたのような読者は、MUOをサポートしています。当サイトのリンクから購入された場合、アフィリエイト報酬が発生する場合があります。もっと読む
SVGアイコンは、あなたの作品にアイコンを導入するためのかなり例外的な方法です。サイズ変更も自由自在で、非常にフレキシブルなため、様々なアプリケーションに最適です。
特に商用で使用する場合は、認定や著作権などの問題が重要になってきます。
幸いなことに、無料のSVGアイコンを簡単に見つけることができる、さまざまなサイトがあります。ここでは、その中から10個を紹介します。
1.SVGレポ
まず最初に紹介するのは、SVG Repoです。SVG Repoは40万以上の完全に無料のSVGベクターとアイコンの巨大なライブラリで、あなたが使うには驚異的な場所です。
SVG Repo’のベクターとアイコンはすべてオープンライセンスで、商業プロジェクトでもロイヤリティや認定を受けることなく使用することができます。
アイコンは、特定のキーワードで検索するか、ベクターコレクションを閲覧することで見つけることができます。これらのコレクションは、同じスタイルを共有しているため、一緒に使用したときに整合性が高くなるという利点があります。
2.アイコンズエイト
次に紹介するのはIcons8です。もしあなたが、膨大な種類のアイコンを、検索しやすいフィルタと大量のカテゴリオプションで探しているなら、Icons8はいくつかの注意点を除き、素晴らしい選択です。
ページをスクロールするだけで何千ものSVGアイコンの巨大な束を見つけることができ、検索、画像による検索、スタイル、および多くの、多くの、より多くのフィルタリングすることができます。アニメーションSVGもあり、ウェブデザインを盛り上げるのに最適な方法です。
Icons8の欠点は、完全に無料でそのアイコンを使用することができますが、プレミアムプランに支払わなければ、資産をIcons8にリンクバックする必要があることです。しかし、これだけのオプションがあるのだから、その価値は十分にあるだろう。
3.Bootstrap Icons
もしあなたが、Web開発に直接統合できるものを探しているなら、Bootstrap Iconsはまさにそれを実現するための素晴らしい選択肢です。
Bootstrapを使ってウェブサイトやサービスを構築する場合、Bootstrap Iconsを使えば、npmやComposerを使って簡単にプロジェクトに直接アイコンをインストールすることができます。これは、特定のプロジェクトでは非常に便利です。
アイコンのダウンロードも通常通り行えますので、技術に詳しくない方でも問題ありません。
4.IconPacks(アイコンパック
次に紹介するのはIconPacksです。IconPacksには、17,000以上のSVGアイコンが含まれており、完全に無料で使用することができます。IconPacksには検索機能がありますが、このリストの他の選択肢と比べると、少し基本的な機能であることは認められます。
IconPacksの最大の魅力は、ソーシャルメディアのアイコンやロゴなど、人気のあるアイコンのSVGアイコンを簡単に見つけることができる点です。これはモックアップや個人的なプロジェクトには最適ですが、商業的なものでは問題に直面する可能性があります。
5.Reshot
ロイヤリティフリーで商業プロジェクトに自由に使える巨大なアイコンライブラリをお探しなら、Reshotは素晴らしい選択肢です。40,000以上の異なるアイコンから選ぶことができ、ここで失敗するのは難しいです。
Reshotを使えば、探しているものを検索するだけでいいのです。アイコンとアイコンパックを区別して検索することができますし、もし探しているものが見つからない場合は、Reshotはあなたが探している結果を得られるかもしれない他の検索も提案してくれます。
6.リミックスアイコン
次に、Remix Iconを紹介します。アイコンセットでは物足りない、同じようなスタイルのアイコンをもっとたくさん使いたい、そんなときはRemix Iconがおすすめです。
Remix Iconは膨大な数の異なるアイコンを含んでおり、完全にオープンソースで個人・商用ともに無料で使用することができます。Remix Iconはこのリストの他のエントリーとは異なり、すべてのプラットフォーム'のアイコンはニュートラルで、互いに似たようなスタイルになっています。
つまり、アイコンがどんなに異なっていても、すべて同じ美意識でフィットするのです。
7.Heroicons
Remix Iconのアイコンがニュートラルすぎる場合は、代わりにHeroiconsを試すことができます。Heroiconsは、同様に、すべて同じスタイルに合わせて作られたアイコンセットです。Heroiconsでは、300種類近くのアイコンが用意されており、アウトライン、ソリッド、ミニの各タイプがあることを考えると、かなりのバラエティに富んでいると言えるでしょう。
スタイル’はRemix Iconよりも少しダイナミックで、プロジェクトの美的感覚にマッチしている場合は素晴らしいです。
8.ボクシコン
より多様性を求めるなら、Boxiconsはこのリストの他のセットよりも優れた選択肢を提供することができます。Boxiconsセットには1,600以上の異なるSVGアイコンがあり、それらがすべてスタイル的に似ていることを考えると、実に印象的な数です’。
ロゴ、一般的なインターフェースボタンから、より抽象的な形状やシンボルまで、Boxiconsではたくさんの中から選ぶことができます。Windows 10用の最高のアイコンパックを探しているなら、これはリストに入る可能性があります。
つまり、どんなものを作りたいときでも、それにふさわしいアイコンを見つけることができるのです。
9.Iconoir
もしあなたが’驚異的なデフォルトライブラリのようなものを探しているなら、Iconoirは探し始めるのにうってつけの場所です。
Iconoirには1,200種類以上のアイコンが収録されており、現在も増え続けていることを考えると、その数は驚くべきものです。アイコンはSVG形式のほか、Font、React、Figma、Framerで提供されている。
アイコンのサイズやストロークの幅は、便利なスライダーを使って簡単にカスタマイズすることができます。色も調整できるので、Iconoirをどんな美的感覚にもフィットさせることができます。
10.ラディックスアイコン
最後に、Radix Iconsを紹介します。Radix IconsはSVGとしてだけでなく、npmでインストールしたり、SketchやFigmaにダウンロードしたりと、様々な用途で利用することができます。
このセットは当然ながら15×15なので、小さなアプリケーションに最適で、すべて素晴らしい外観です。これは最も大きなアイコンセットではありませんが、同じようにたくさんの種類があり、このリストを締めくくるのに素晴らしい小さな選択肢となっています。
SVG アイコンの入手はお金をかけないこと
ご覧の通り、膨大な数のSVGアイコンセットと個々のアイコンがあなたを待っています。あとは閲覧してダウンロードし、試してみるだけです。
次の大きなプロジェクトに必要なセット、あるいは小さなプロジェクトに必要なアイコンをお探しの方にも、最適なオプションが見つかります。