Web Tools

SVGスパークルジェネレーター

プレビュー

プレビュー背景色

SVGコード

SVGスパークルジェネレーターについて

スパークル(キラキラマーク)のSVGを、その場で見た目を確認しながら調整できるジェネレーターです。

作成したSVGは、商用・非商用問わず、無制限に利用可能です。クレジット表記も必要ありません。

使い方

形状、塗りつぶし、ストロークの設定を変更すると、プレビューとSVGコードに反映されます。

プレビューの背景色はSVGコードには含まれません。スパークルの見え方の確認に利用してください。

塗りつぶし、ストロークの設定項目は、同名のSVG属性に対応します。各属性の詳細については、MDN等のドキュメントを参照してください。

ストロークの接続部など、SVGサイズ外に飛び出す部分を表示させるため、overflowはデフォルトでvisibleになっています。「全体をSVGサイズ内に収める」をONにすると、これがhiddenになる代わりに、viewBoxが調整され、全体がSVGサイズ内に収まるようになります。

お問い合わせ

ご意見・ご要望は管理者X( @ankyo_gh )までご連絡ください。