8 min read
2026-01-17
SVG (Scalable Vector Graphics) is an XML-based vector graphics format. Unlike raster images (JPEG, PNG), SVG is scaled without losing quality.
Scalable — perfect clarity at any size
Small size — simple icons weigh less than 1 KB
Animation — support for CSS and JavaScript animations
Accessibility — text in SVG is indexed by search engines
| Element | Description | Example |
|---|---|---|
| rect | Rectangle | Buttons, backgrounds |
| circle | Circle | Icons, markers |
| path | Free form | Logos, illustrations |
| text | Text | Inscriptions, labels |
| line | Line | Dividers, graphics |
Open [SVG editor](/tools/svg-editor)
Create a new document or upload an existing SVG
Use drawing tools to create shapes
Customize colors, strokes and transformations
Export the finished SVG or copy the code
SVG code can be embedded directly into HTML. This eliminates the extra HTTP request and allows you to style icons via CSS.
See also: Favicon Generator, Base64 Image, Pixel Art