Blobmaker

有機的な形状の SVG を生成するツール

ツールを使う

概要

Blobmaker は、有機的な形状の SVG を生成するツールです。

生成された SVG はダウンロードできるほか、<svg> タグをコピーできます。

説明

Blobmaker では、形状の色を選択できます。色はカラーパレットから選ぶか、HEX で指定します。

形状は「角の数」と「角の丸み」を選び、好みの形状が見つかるまでサイコロアイコンをクリックします。

最後に、SVG 形式のファイルをダウンロードするか、<svg> タグをクリップボードにコピーします。

尚、このような <svg> が生成されます。

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <path fill="#FF0066" d="M48.8,-40.5C60.3,-24.5,64.6,-4.4,58,8.8C51.5,21.9,34,28,16.4,38C-1.2,48,-18.8,61.9,-34.3,59.1C-49.9,56.3,-63.3,36.9,-68.4,15.4C-73.5,-6.2,-70.3,-29.9,-57.6,-46.2C-44.8,-62.6,-22.4,-71.6,-1.9,-70.1C18.6,-68.6,37.3,-56.6,48.8,-40.5Z" transform="translate(100 100)" />
</svg>

実際に使ってみました。

サイトをフォローする