Skip to main content

🗓️ 15022025 2240
📎

svg_primitives

<rect
x="20"
y="20"
width="60"
height="40"
fill="none"
stroke="white"
stroke-width="3"
/>

<line
x1="35"
y1="80"
x2="65"
y2="80"
stroke="white"
stroke-width="3"
/>
<polyline
points="50,25 20,75 80,75"
fill="none"
stroke="currentColor"
stroke-width="3"
stroke-linecap="butt|round|square"
stroke-linejoin="miter"
/>
<polygon
points="20,50 50,80 80,20"
stroke="white"
fill="none"
/>

Same as polyline, but is a 'closed' element

<circle r="20.00" cx="50.00" cy="50.00" fill="blue" />
<path d="M10 10 l100 100 l100 -50" stroke="red" fill="none" stroke-width="2"/>

References