Menu

Beta
Sign in
Marker Stroke SVG element, flat

Marker Stroke SVG element, flat

A broad rectangular swipe has slightly uneven edges and a blunt finish. It can highlight a heading on a study guide or anchor text on a notice.

Free · from Underlines, flat · Set 2

Similar SVGs

More from Underlines, 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/XcJkBh0s5cWM/amnt.svg" alt="Marker Stroke" 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="black" data-name="Black"><path d="M956 440c1-5 4-8 5-13 0-4-1-9-2-13-3-20-10-17-28-18-15-1-31-2-46-3-41-2-82 1-122 1-38 0-76-5-113-3-17 1-34 4-51 5-26 1-54 0-80 0-32 0-63 4-94 3-23-1-46-3-69-4-26-1-53 2-79 4-41 3-82-2-122-2-15 0-90 2-94 15-2 5 0 10 2 14-14 1-9 34-7 43 1 4 5 8 6 12s1 10 1 16 1 13 0 19c-2 10-12 38-5 47 2 3 9 4 13 4l-2 4c-10 9-4 37 11 40 16 3 45 0 63 0 41 0 82-2 123-3 43-1 87 6 131 4 36-2 73-6 110-3 34 2 68 4 102 3 15-1 29-2 43-1 33 1 66 4 99 3 17-2 34-4 51-5 23-1 46 2 69 2 15 0 82 3 90-9 5-6 2-13 1-19 12 0 8-34 6-42-1-4-5-6-6-10-2-6-1-13-1-19 0-14 11-59 6-67-1-3-8-4-11-5z" fill="#020101" stroke="#020101"/></g></svg>
CSS background-image
.marker-stroke {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XcJkBh0s5cWM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.marker-stroke {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XcJkBh0s5cWM/amnt.svg") center / contain no-repeat;
}
React
import MarkerStrokeSvg from "./marker-stroke.jsx"; // from the React tab above

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

Tags

markerstrokeunderlineunderlineselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Marker Stroke: Broad rectangular swipe with slightly uneven edges and a blunt finish. A flat element. Square off the bulbous, scalloped ends and reduce edge waviness for a cleaner rectangular marker swipe with blunt finishes. as part of the pack Underlines, 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