SVG スパイラルジェネレーター

数秒でシャープな SVG スパイラルを生成

スパイラルは最も時代を超えた装飾シェイプの1つ — ロゴ、書籍の装飾、オウムガイ風イラスト、催眠的な背景、音楽のアートワークに登場します。この SVG スパイラルジェネレーターは、どんな Web ページ、デザインツール、印刷用ファイルにも貼り付けられる、クリーンな <path> 要素を1つ生成します。

2種類のスパイラル

• アルキメデス — 半径が角度に対して線形に増加するため、各ループの間隔は同じです。これがクラシックな「巻きコイル」の見た目です。
• 対数 — 半径が指数的に増加し、外側に向かってループが急速に広がる、オウムガイ/黄金螺旋の自然な雰囲気を生みます。

コントロール

• 巻き数 — スパイラルの完全回転数。半巻きから20巻きまで。
• 開始・終了半径（アルキメデス） — 内側と外側の半径。コアを締めたり外縁を押し広げてキャンバスを埋めたりできます。
• 成長率（対数） — ループの広がる速さ。小さい値でタイトなコイル、大きい値でドラマチックな広いスパイラル。
• 線幅 — 線の太さ。太い線と対数成長を組み合わせるとカリグラフィックな感じに。
• 塗りつぶし — 単色または任意の角度の2段階リニアグラデーション。
• 背景 — スパイラル背後のオプション単色背景。スタンドアロン SVG ファイルに便利。

出力の使い方

ツールは <path> 要素が1つだけの完全な <svg> ドキュメントを出力 — 複雑なフィルターも外部依存もありません。SVG をコピーするか .svg ファイルとしてダウンロードし、HTML、React コンポーネント、MDX、Figma、Illustrator、デザインシステムライブラリなど、どこにでも貼り付けられます。純粋な SVG なので、どの解像度でもシャープで、ほとんどサイズを取りません。

よくある用途

• ヒーローセクションやランディングページの装飾要素
• ロゴとロゴマーク
• 音楽、ポスター、イベントのブランディング
• ローディングアニメーション（パスを長さに沿ってアニメート可能）
• ブログ記事、名刺、ステーショナリーの背景
• アプリやゲームのアイコンやバッジ

調整はすべてリアルタイムに反映されるので、ほしいスパイラルが見つかるまで自由に試してください。