How to use
Learn where to place the CSS code: Demo
License summary
By obtaining and using graphics from SVGBackgrounds.com, you agree to the terms of the SVGBackgrounds.com License Agreement
- You can use graphics in personal or commercial projects
- You cannot use graphics in competing products
- You must provide attribution Full license
Attribution info
Hey I'm Matt, please choose your way to credit my work:
Learn about attributionSVG Buttons
Website buttons are generally rectangular with straight or rounded corners. Achieving creative shapes is not easy with CSS alone, that’s where there SVG Button shapes are handy. This collection of SVG buttons can help you create visually stunning HTML buttons.
Find SVGs Fast. Design faster.
With thousands of exclusive graphics at your fingertips, there’s nothing to slow you down.
Get All Access| Graphics: | SVG Shapes |
| Full set: | 60 Shapes |
| Freebies: | 25 Shapes |
| Free until: | Aug 2060 |
| Published: | Aug 2025 |
| License: | Free with attribution |
Styling and export
SVG Export Options
CSS DataURI Export Options
PNG File Export Options
- Free license More info
- Attribution is required Learn how
- Get more graphics Unlock all access
+35
more shapes
No shapes meet your query. Please simplify your search.
But wait, there's more...
You must be logged in for ALL ACCESS to the complete set of 60 shapes—plus our premium library of SVG backgrounds, icons, blobs, and more.
Quickly customize unlimited graphics in unlimited projects without attribution.
Get All Access
Hey, I'm Matt , the creator behind SVG Backgrounds. I produce free and paid resources every month, sign up for alerts.