Icon sets cover a wide array of different subject matter, yet are rendered in a single visual style. It uses the same style, so some of the icons are almost identical. You are redirected to the web app. Creating a set with IcoMoon Visit IcoMoon.io and click IcoMoon App at the top right. Icon set must be your own original work, it must have open source license and it must be published on GitHub or NPM. この記事では、ウェブサイトのUIデザインに便利な、無料の人気SVGアイコンライブラリをまとめて紹介しています。, 豊富な収録数に加え、サイズや配色などのカスタマイズ性、モダンデザイン対応のヴィジュアル性もアピールできる、使い勝手の良いシンプルなアイコン素材が揃います。, MITライセンスで、商用利用も可能なオープンソースの素材が中心で、クライアント案件でも安心して利用できます。また、サポートしているファイル形式も豊富で、あらゆるデザインアプリで利用できる点もポイントです。, CSSのみで描いたアイコンやSVGスプライトで利用可能なSVG & Figma UIアイコン、統一感のあるコンポーネント700以上が揃った、完全オープンソースのアイコンライブラリ。詳しい使い方はGithubレポジトリよりどうぞ。, Tailwind CSSのクリエイターによって作成された、オープンソースアイコンライブラリ。ウェブサイトで必要な224個のアイコンは、塗りつぶしとアウトラインスタイルによる提供。アイコンをクリックするだけで、SVGコードをコピーできお手軽です。, スッキリとしてわかりやすいアウトラインアイコンが揃ったSVGライブラリ。スクリプトファイルを読み込めば、name属性を変更するだけでアイコンを追加、変更できます。, 282個のSVGアイコンが収録されたライブラリ。ダウンロードする前にアイコンのサイズやストローク幅、色の設定も可能。マークアップ記述が楽にある仕様。, どんな案件にもフィットするUX/UIデザイナーが必要なアイコン素材566個を揃えた素材。Webサイトへの利用も簡単なSVGアイコン同時収録。, 人気フレームワークBootstrap公式のアイコンライブラリがついに登場です。1,100種類以上のSVGアイコンが揃い、サイズや配色などのカスタマイズをCSSから手軽に行うことができます。, 300+種類のSVGアイコンをまとめた無料ライブラリ。ショッピングサイトや旅行サイト、ソーシャルメディア、アプリデザインなどにも最適なあらゆる素材が揃います。, カスタマイズ性を重視したSVGアイコンセット。必要なアイコンのみを選択すれば、実際にHTMLで利用したデモファイルと一緒にダウンロード可能。, バージョンアップを重ね、現在681個のSVGアイコンが揃った、MITライセンスで完全無料のライブラリ。ウェブ上でサイズや配色、ストロークも変更でき、そのままダウンロード可能なシンプルで、使い勝手の良いスタイルも素敵。, 480個を超えるオープンソースのアイコン素材を、SVGまたはPNGファイル形式で無料ダウンロードでき、ウェブサイトはもちろん、iOSやAndroidにも対応したデザイン。じつはホバー用のCSSアニメーションを選択できる細かさも。, 2,000個以上の美しいSVGアイコンを揃えたオープンソースの巨大ライブラリ。ビジネス、金融、地図などさまざまなカテゴリあり。SVGまたはPNGファイルでダウンロード、またはアイコンをクリックでソースコードを直接コピーできます。, およそ1,400ものブランドロゴとブランドカラーを揃えた、無料SVGアイコンライブラリ。, 24pxのミニサイズSVGアイコン1,100種類以上が無料で提供されているコレクション。27のカテゴリを網羅しており、SVGアイコンおよびWebフォントとしても利用可能。, お好みのグラデーションカラーを選択でき、合計476個という大量のSVGアイコンを無料ダンロードできるアイコンコレクション。, マテリアルデザインをベースにしたアイコン1,000種類が揃うライブラリ。PhotoshopやSketch、Adobe XD、Figma、InVisionそしてSVGファイルもひとまとめに揃います。ラインセスApache License Version 2.0による、個人および商用にも無料利用可能。, システム設計やプロダクトのUIデザインを想定した、シンプルで統一感のあるSVGアイコン220個セット。, 15×15ピクセルの極小ミニサイズで設計された、SVGミニアイコン1,000個以上が揃ったコンプリート・コレクション。はっきり鮮明な見た目が特長で、商用案件にもばっちり対応できます。, アイコンに目を引くアニメーションを加えた新しいライブラリで、500個以上を無料ダウンロードできます。UIやWebはもちろん、ソーシャルやジェスチャー、天気、食べもの、スポーツなど幅広いカテゴリに対応。, UIデザインで見かけるアニメーション付SVGアイコン集。アイコンの色やストロークの太さ、サイズなども自由にカスタマイズできます。, ダウンロードしたSVGファイルの使い方、カスタマイズについては、以下の動画が分かりやすいでしょう。, 魅力的だけど控えめなアニメーションも実装したSVGアイコン素材100+個を揃え、あらゆるアプリやプラットフォームに対応できる柔軟さもポイント。無料版は5個のアイコンをダウンロードできます。, 色付きのかわいいイラストアイコン300個を揃えたライブラリ。Illustrtaorで編集できる他、SVGとPNGファイル形式で無料ダウンロード可能。, ウェブサイト制作に最低限必要な、120種類のUIアイコンが揃った素材で、丸みのある柔らかい雰囲気が印象的。PhotoshopやIllustrator、Adobe XD、Sketch、Figma、SVGと豊富なファイル形式でダウンロード可能。, 一般的なサイズ24pxでバランス良くデザインされたアウトライン型アイコンライブラリ。随時アップデートが行われており、現在350個。Illustrator用Aiファイル、SVG、Figmaファイル形式を選択可能。, どんなWebプロジェクトにも対応できる、アウトライン型ピクセルアイコン300個セット。Figmaファイルで配布中。, 266 FREE Responsive Icons in 3 Sizes (16/20/24px), ユーザーインターフェースとワイヤーフレームでの利用に特化した、シンプルでわかりやすいSVGアイコン。３サイズ (16/20/24px)でそれぞれ作成された、FigmaとSketch向けアイテム。, UX、UIデザインを想定したFigmaアイコンライブラリ。カスタマイズしやすく、ミニマルなデザインを得意としたシンプルアイコン２００個セット。, Webサイトやスマホアプリ制作で使いそうな、２０４個のUIデザイン向けアイコンが、SVGとCSSファイル形式でダウンロードできるライブラリ。画面右にあるオプションより、配色やサイズ、SVGまたはCSSファイル形式の選択などを行うことができます。, アイコンをSVGコンポーネントに変換するプロセスをシンプル化できるユニークなツール。基本となるインターフェース用アイコンが揃い、自由に好みに合わせてカスタマイズ、あとは最後に表示されたSVGコードを貼り付けるだけ。, お好みのグラデーションカラーを選択でき、合計476個という大量のSVGアイコンを無料ダンロードできるGradientify Iconsが公開されていたので、今回はご, 最近のウェブサイト制作では、アニメーションがますます重要になってきています。 This icon pack was designed on a 20×20 grid with a lot of care, resulting in crisp and pixel perfect icons. If you use inline SVG (i.e.,