Search (/)
Colours
Every picture in the library follows these, and so does every download.
Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Shuffle colours
Back to the original colours
Free horizontal rule SVG elements
28 SVGs
- Zigzag Line
- Double Line
- Wave Divider
- Dashed Line
- Wavy Line
- Centered Diamond
- Rope Divider
- Centered Star
- Triangle Row
- Stitched Line
- Circle Row
- Three Dots
- Vine Divider
- Chain Links
- Heart Divider
- Flower Divider
- Arrow Divider
- Leaf Divider
- Square Row
- Mountain Divider
- Bracket Divider
- Centered Circle
- Straight Line
- Wave Divider
- Triangle Row
- Mountain Divider
- Dashed Line
- Arrow Divider
Packs
Sets drawn in one style.
Tags
About this page
Browse free horizontal rule SVG elements for breaks between sections of a page. Use a divider between an article heading and its text, between items on a menu, or above a footer. Horizontal rules also help separate sections in a newsletter, a document or a portfolio page.
You can recolour an element on this page, or recolour the whole grid while you compare options. Adjust the stroke width, size, opacity and rotation before you export. Copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI. Every item is real SVG code, checked before publication.
Not what you need?
Describe it: the SVG studio opens with this style filled in.
Say what it should show
More elements
Questions
- Can I change the colour of a horizontal rule?
- Yes. You can recolour an item or the whole grid. You can also change stroke width, size, opacity and rotation.
- How can I add a horizontal rule to a website?
- Copy its SVG code, export it as CSS using a background-image or mask-image data URI, or export a React component.
- Can I use these SVG dividers in a commercial project?
- A Pro or Max account gives you a commercial licence for what you download. The licence is fixed at download and stays forever; no credit line is needed.