Menu

Beta
Sign in
Beta
Bracket Divider SVG element, flat

Bracket Divider SVG element, flat

Matching inward-facing brackets finish both ends of a thin horizontal line. Place it under a document heading or between quotations in a reading guide.

Free · from Horizontal Rules, Flat · Set 2

Similar SVGs

More from Horizontal Rules, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YFDt9wJEZSVk/amnt.svg" alt="Bracket Divider" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="charcoal" data-name="Charcoal"><path d="M107 405c2 4 3 8 7 12 16 17 40-5 30-24-11-25-45-10-56 8-20 33-3 76 27 96 9 7 20 10 31 13-48 5-84 66-58 108 11 17 46 33 57 7 9-21-18-42-33-21-2 3-3 7-5 11-5-14-1-28 4-41 26-62 98-57 154-55 27 1 53 0 81 0 56-1 112 0 168 1 82 1 164 0 247-1 34 0 85-5 115 12 22 12 57 58 42 84-14-36-50-16-38 11 12 25 46 9 57-8 25-42-9-100-56-107 10-6 21-8 30-15 30-19 46-64 25-96-10-17-46-33-56-6-11 28 28 43 38 8 11 32-14 70-40 86-33 20-76 14-113 14-84 0-168-1-251 0-85 1-169 0-253 0-37 0-82 6-114-14-23-14-52-56-40-83z" fill="#2e2d2d" stroke="#2e2d2d"/></g></svg>
CSS background-image
.bracket-divider {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YFDt9wJEZSVk/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.bracket-divider {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YFDt9wJEZSVk/amnt.svg") center / contain no-repeat;
}
React
import BracketDividerSvg from "./bracket-divider.jsx"; // from the React tab above

<BracketDividerSvg width={48} height={48} />

Tags

dividerbracketsframehorizontal ruleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Bracket Divider: A thin horizontal line has matching inward-facing brackets at both ends. A flat element. as part of the pack Horizontal Rules, Flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings