Free horizontal rule SVG elements
7 SVGs
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.
Packs
Sets drawn in one style.
Not what you need?
Describe it: the SVG studio opens with this style filled in.
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.