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 attribution

SVG Shape Dividers

Website sections are blocky by default. Shapes dividers cover the rectangular edges in a way that makes the transition between sections wavy, flowing, jagged, or angled. These SVG shape dividers come in a variety of shapes, including angle dividers, curves and waves, and triangle dividers.

Try the CSS Shape Divider Generator.

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 Dividers
Full set:120 Dividers
Freebies:40 Dividers
Free until:Jul 2124
Published:Jul 2024
License:Free with attribution

Styling and export

SVG Export Options


CSS DataURI Export Options


PNG File Export Options




+80

more dividers

No dividers 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 120 dividers—plus our premium library of SVG backgrounds, icons, blobs, and more.

Quickly customize unlimited graphics in unlimited projects without attribution.

Get All Access
Waves section dividerJagged step section dividertriangle layers section dividerfancy pyramid section dividerwavy flag section divider
Matt Visiwig Headshot

Hey, I'm Matt , the creator behind SVG Backgrounds. I produce free and paid resources every month, sign up for alerts.


Get freebies See latest releases