WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVG ...

This module can be used to create a library of SVG icons. The library is a Javascript file which can be imported into any framework or vanilla Javascript code base. It contains the raw data extracted ...

Googleアイコンって知っていますか？SVGフォーマットでサイズや色を指定してきれいな画像をダウンロードし、利用することができます。 以下のサイトで画面操作で利用できます。 Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,50 ...

SVGアイコンの管理ができ、編集もできる便利な無料ツールを紹介します。 Windows, macOS, Linux対応で、たくさんのSVGアイコンを一元管理できてしまう優れものです。 SVGアイコンをアイコンセット、グループを使用して管理できます。 SVGアイコンの編集 SVG ...

以前、Googleアイコン（SVG）をpng画像に変換してパソコンにダウンロード後に、再度、サーバに転送して管理する記事を記載しました。 この方式では、作成したPNGをPC上で確認できるメリットもありますが、多くの画像を作成したい場合、ダウンロードシテ ...

You can create the svg-icon-font-generator.phar by yourself using the following commands: (this requires composer.phar to be installed) git clone https://github.com ...

虫眼鏡のマークをクリックすると大きくアイコンについてのデータが表示されるほか、SVGのダウンロードだけでなく「色付きSVG」や「PDF」形式でのダウンロードに対応しています。 実際にJavaScriptのアイコンをSVGでコピーして貼り付けてみるとこんな感じ。

ウェブサイトや配布物を作っているときに、制作物にぴったりのアイコンが見つからず、写真やイラストを元に自分でアイコンを作成したことがある人もいるはず。このような手間を大幅に省いてくれるのが「SVG Silh」で、無料＆商業利用可能なフォト ...