Menu

Beta
Sign in
Beta
Brush Stroke SVG element, flat

Brush Stroke SVG element, flat

A thick uneven stroke begins with a rounded end and finishes in fine bristle tips. It suits a title on an art poster or a label in a scrapbook.

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/UrDi4JVE9Rpo/amnt.svg" alt="Brush 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="violet" data-name="Violet"><path d="M815 279v1zm112-56c0 0 0 0 0 0l-1 1-4 3-3 2c0 0 0 0 0 0l3-2 4-3zM824 272c0 0 0 0 0 0l-1 1-6 5c0 0 0 0 0 0l6-5zm11 56l9-8-45 23c1-5 8-9 12-13 5-4 10-7 15-12 3-3 5-7 9-10 23-18 51-30 73-49l-8 3c7-10 38-24 50-36-13 2-25 10-36 16 11-12 35-26 43-40-9 6-17 15-27 19 9-17 34-29 43-50-42 41-90 71-139 103-10 6-20 16-31 19 0 0 0 0 0 0l70-58c-10 1-43 33-48 28-13 14-100 85-114 91 13-17 31-30 47-44 14-12 26-25 39-37-17 3-108 92-137 105l4-7c-13 6-94 68-103 79l43-26c-5 8-31 28-40 33-4 2-8 2-12 4-17 8-31 25-46 37 18-4 35-28 54-32-23 23-150 121-176 131 5-12 50-45 63-55-12 2-38 24-51 32-40 24-82 50-127 64-26 8-92 26-102-13-11-43 63-83 60-46 29-29 13-67-25-78-35-10-74 4-102 25-58 43-75 129-39 191 67 115 233 94 336 47 17-8 32-19 49-29-14 4-27 12-40 17-29 13-58 22-89 30 9-6 20-8 30-11 18-7 36-15 53-23 14-8 63-40 73-42l-5 6c14-6 29-18 39-29h-4c0 0 0 0 0 0 12-14 29-23 42-35 22-19 43-38 63-58 33-34 63-70 96-103 34-34 70-64 109-90 26-18 52-36 81-47 17-7 37-11 53-21-40 9-76 22-112 40-19 9-38 20-55 31-10 7-28 24-38 27 12-21 69-60 91-74 17-10 33-21 51-30 14-8 45-15 56-25l-29 10c0 0 0 0 0 0l15-6-3-1 59-23c-22-3-91 24-113 35-10 5-22 13-34 15 0 0 0 0 0 0zm68-17c0 0 2-1 2 0 0 0-2 0-2 0s0 0 0 0z" fill="#012af9" stroke="#012af9"/><path d="M872 379c-12 3-24 11-34 17-58 32-106 74-153 121-27 27-53 54-80 82-10 10-81 73-82 77 16-10 31-24 47-36 46-36 84-74 123-118 26-29 52-54 82-79 18-16 39-29 59-42 12-7 27-13 38-22z" fill="#012af9" stroke="#012af9"/></g></svg>
CSS background-image
.brush-stroke {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UrDi4JVE9Rpo/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.brush-stroke {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UrDi4JVE9Rpo/amnt.svg") center / contain no-repeat;
}
React
import BrushStrokeSvg from "./brush-stroke.jsx"; // from the React tab above

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

Tags

brushstrokeunderlineunderlineselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Brush Stroke: Thick uneven stroke with a rounded start and several fine bristle tips. A flat element. Remove the heavy dark outline and smooth the hooked start, then refine the jagged end into finer, more natural bristle tips. 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