SVG в HTML

SVG позволяет создавать векторную графику прямо в HTML.

Примеры SVG:

<svg width="100" height="100">
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

<svg width="200" height="100">
    <rect width="200" height="100" fill="blue" />
    <text x="50" y="50" fill="white">Текст в SVG</text>
</svg>

<svg width="400" height="180">
    <rect x="50" y="20" rx="20" ry="20" width="150" height="150" fill="red" />
    <polygon points="100,10 40,198 190,78 10,78 160,198" fill="lime" />
</svg>