デザイン
SVGブロブ生成
有機的なブロブ形状と波形の区切りをSVGで生成します お使いのデバイス上で動作します。アップロードも保存もありません。
6
40%
400px
#6366f1
#ec4899
プレビュー
SVGのマークアップ
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><defs><linearGradient id="blobGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#ec4899"/></linearGradient></defs><path fill="url(#blobGradient)" d="M358.64,200C355.97,229.66 282.06,253.86 243.36,275.1C204.65,296.34 166.88,339.96 126.42,327.45C85.96,314.93 4.82,249.81 0.58,200C-3.65,150.19 57.89,45.71 101.02,28.56C144.16,11.42 216.46,68.56 259.39,97.13C302.33,125.7 361.31,170.34 358.64,200Z"/></svg>
関連
SVGブロブ生成 について
有機的なブロブ形状と波形の区切りをSVGで生成します
SVGブロブ生成は BrowseryTools の「デザイン・ビジュアル」カテゴリにある無料ツールです。処理はすべてブラウザ内で完結し、渡した内容はお使いの端末で処理されます。サーバーにアップロードされることはありません。登録も広告もウォーターマークもなく、ページの読み込みが終われば接続がなくても使い続けられます。