All you need to know about SVG on the web

SVG makes it easy to create a number of basic shapes. Here's how to make circles, rectangles, lines and polygons, as well as create paths and curves.

Circles in SVG

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Richard Mattka

Richard is an award-winning interactive technologist, designer and developer. He specialises in creating interactive worlds with science-fiction themes, exploring the synergy between human and machine. He has also written regular articles for Net Magazine, and Web Designer Magazine on a range of exciting topics across the world of tech, including artificial intelligence, VFX, 3D and more. 

Latest in Graphic Design
Monotype quiz
What's your type? Take this font quiz to find your soulmate
I Saw the TV Glow poster
I Saw the TV Glow poster is a stylish twist on classic horror
Animal Farm book cover by Karolis Strautniekas
Animal Farm book cover has a creepy hidden detail
Microsoft To Do
People have some Very Strong Opinions on the Microsoft To Do icons
Between the Lines
"It's not enough to be a good writer”: Zosia Swidlicka on the importance of brand language in copywriting
3D World 310
Download files for 3D World 310
Latest in Features
A group of people taking a selfie using the iPhone 16e.
7 reasons the iPhone 16e is a huge improvement on the iPhone SE 3
AI trends predictions 2025
How to use AI properly – 5 tips to help you get the most from the tech
How we made Ada; A digitally animated scene depicts two women in a grand, antique-style library, with one pointing.
How we made the "lush, handmade look" of animated series Ada
Cartoons of the 1950s - best animated movies of the 50s; A heartwarming animated scene depicts two canine characters sharing a meal of spaghetti and meatballs at a table outdoors.
Cartoons of the 1950s – the best animated movies from Lady and the Tramp to Animal Farm
Making Paddington in Peru's character animation; a small bear in a red had sat in a jungle
Paddington in Peru's animation works because of one small detail
Making Paddington in Peru's ruined city; An elevated, high-angle view showcases a section of a stone ruin, likely a historical site, with a person navigating the crumbling structures.
"It was one of the most complicated scenes we had to do" – how Paddington in Peru's Citadel was made