概要
Simple Icons は、有名な企業やサービスなどのブランドアイコンを SVG 形式でダウンロードできるサイトです。
2300 以上のブランドのアイコンがあり、「LINE」や「楽天」「はてな」などのアイコンもダウンロードできます。
ライセンスは CC0 1.0 のため、Web サイトで自由に使えます。
説明
使いたいアイコンがあれば、ダウンロードアイコンのクリックで SVG 形式でダウンロードできます。
また、各アイコンをクリックすれば、<svg>
タグをコピーできます。
LINE であれば、このような <svg>
をダウンロードまたはコピーできます。
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LINE</title><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
実際に使ってみます。
また、各アイコンには、ブランドカラーが表示されます。ブランドガイドラインがある場合は、そのページへのリンクも表示されます。尚、ブランドカラーは変更されている可能性があるため、各ブランドのガイドラインを確認するのをおすすめします。
Simple Icons は、CDN や npm、PHP で読み込み使用することも可能です。また、React や Vue、WordPress などでは、Simple Icons を利用したサードパーティ製のプラグインが提供されています。詳しくは、GitHub をご覧ください。