商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Code ...

仕事に、人生に効く一冊。 速くてラク、試してスッキリ！ツールの裏技 自分軸で決めた十人十色の働き方インタビュー 生成AI活用で仕事はもっとラクになる！ TOPワークスタイル効率化ツールSVG形式のアイコンをまとめてダウンロードできるサイト「iconmelon ...

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

WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルなデザインで洗練されたSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 MingCute Iconのアイコンの特徴は、小さなサイズでもくっきり見えること。3,000種類以上のアイテムが揃って ...

SVG.chat is a free and open source design tool allowing you to create custom SVG icons and art using Claude 3.7 Sonnet AI. Simply describe the icon you want, and AI will generate it for you. Enter ...

上記のコードは参考用でこのままでは動きませんが、読み込みの手順をわかりやすくコーディングされています。 GoogleIconsのモノカラーのアイコンなのでFillメンバーに描画色を設定するだけで簡単に色を変えられます。 Draw関数で大きさが指定できます。 SVGのアラーアイコンの場合はこんなに ...

この記事では、svgで書き出すSNSのアイコンやボタンの中にあるちょっとしたアイコンをフォントとして書き出す「icomoon」の使い方について書き留めています。 svg画像をフォントとして書き出すことで、色が変わった際に、cssで色を変更するだけです。