SVG正多角形ジェネレーター

3-12角の正多角形SVGを生成。サイズ・色・回転をカスタマイズ可能。

設定

角数: 6 (六角形)

312

サイズ: 100px

回転: 0°

塗りつぶし色

不透明度: 1.00

線の色

線幅: 2px

SVG コード

<svg width="224" height="224" viewBox="0 0 224 224" xmlns="http://www.w3.org/2000/svg">
  <polygon
    points="112.00,12.00 198.60,62.00 198.60,162.00 112.00,212.00 25.40,162.00 25.40,62.00"
    fill="#4ecdc4"
    fill-opacity="1"
    stroke="#2c3e50"
    stroke-width="2"
    transform="rotate(0 112 112)"
  />
</svg>

プレビュー

角数: 6

サイズ: 100px

回転: 0°

線幅: 2px

クイック選択

使い方

• スライダーで角数を3-12の範囲で選択
• サイズ、色、回転、線幅を調整
• リアルタイムでプレビューを確認
• SVGコードをコピーまたはダウンロード
• 三角形、四角形、五角形、六角形など様々な正多角形を簡単に生成