ツイートするシェアするピンするブクマするあとで読むLINEで送るWebサイト制作時にアイコンがほしい時があるかと思いますが、今回はそんな時、SVG形式のアイコンをカスタマイズしてダウンロードできるサイト、ICONSVGのご紹介です。アイコンのデザインはとてもシンプルで、様々な場面に使いやすいデザインになっているかと思います。アイコンのサイズやカラー、線の太さの調整、パスの端やつなぎ目の形状のカスタマイズがWebサイト上ででき、SVGファイルやSVGコードでダウンロードできます。WebサイトへICONSVGの使い方ICONSVGの使い方はとてもシンプルです。下記にカスタマイズ方法を記載します。背景をホワイトとブラックから選択します。右上の丸いホワイトとブラックのアイコンをクリックすると背景色が変更できます。sizeのスライダーを使って、アイコンのサイズを指定できます。最小16pxから最大100pxまで自由に指定できます。widthでアイコンの線幅を指定できます。最小1pxから最大4pxまで指定ができます。colorでアイコンのカラーを指定できます。カラーピッカーで自由に設定できます。5アイコンのパスの形状を指定Endsでパスの端、Joinsでパスのつなぎ目の形状をカスタマイズできます。それぞれ3種類ありますので、好きな形状を指定してください。SVGをダウンロードカスタマイズしたアイコンをSVG形式のファイルか、SVGコードでダウンロードできます。どちらでも使いやすい方でダウンロードしてください。まとめ簡単な手順でアイコンをカスタマイズでき、ダウンロードして使うことができます。アイコン使用のライセンスについてですが、MITライセンスということで、個人的および商業的なプロジェクトで使用しても無料のようです。このようなアイコン素材を無料で公開していただいている作者様には頭の下がる思いですね。Yamamoto広島県広島市育ち、現在岡山でWeb制作の仕事をしています。「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。高品質フリー画像素材サイトまとめ(外国編)他にもこんなおすすめ記事がありますPREVWordPressのテーマのJavaScript読み込みをfunctions.phpで制御する方法NEXTコピペOK!シンプルHTMLでCSS見出しデザイン10選!コメントはこちらコメントをキャンセルコメント名前メールアドレス次回コメントで使用するためブラウザに自分の名前、メールアドレスを保存する。JunJunWeb.Net。