SVG XML エディター

プレビュー：

SVG XML コード：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" style="width:100%; height:auto;">

<rect x="0" y="0" width="400" height="200" fill="none" />

<circle cx="50" cy="50" r="48" fill="orange" stroke="tomato" stroke-width="4" />

<line x1="110" y1="10" x2="190" y2="90" stroke="gray" stroke-width="4" />
  <line x1="110" y1="90" x2="190" y2="10" stroke="gray" stroke-width="4" />

<polygon points="200,100 300,100 250,13.397" fill="peru" stroke="navy" />

<rect x="310" y="25" width="80" height="50" fill="purple" />

<ellipse cx="50" cy="150" rx="40" ry="30" fill="teal" />

<line x1="110" y1="110" x2="190" y2="190" stroke="black" stroke-width="4" stroke-linecap="round" />
  <line x1="110" y1="190" x2="190" y2="110" stroke="black" stroke-width="4" stroke-linecap="round" />

<polygon points="200,195 300,195 250,108.397" fill="green" stroke="brown" stroke-width="4" stroke-linejoin="round" />

<rect x="310" y="125" rx="15" ry="20" width="80" height="50" fill="indigo" />

</svg>

∞