Menu

Beta
Sign in
Beta
Brush Stroke SVG element, flat

Brush Stroke SVG element, flat

This thick, uneven stroke begins with a rounded end and finishes in fine bristle tips. It suits an art workshop poster or a portfolio section heading.

Free · from Underlines, flat

Similar SVGs

More from Underlines, flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5URaqAJFh6v5/amnt.svg" alt="Brush Stroke" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 40" preserveAspectRatio="none" fill="currentColor"><path d="M24 20C24 13 29 10 37 10C71 9 91 13 122 11C153 9 174 13 202 11C230 9 250 12 273 12C295 12 311 14 327 17C309 17 298 18 286 19C303 20 315 21 325 23C302 22 292 23 277 24C253 26 237 27 211 25C182 23 162 27 134 26C103 25 80 28 48 28C32 29 24 26 24 20Z"/><path d="M290 14C317 13 344 15 376 16M301 18C327 18 351 19 382 20M295 23C324 24 350 24 377 26M283 26C309 28 335 29 364 30" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.2"/><path d="M315 16C337 16 356 17 370 18M312 25C335 26 351 27 369 28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width=".6"/></svg>
CSS background-image
.brush-stroke {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5URaqAJFh6v5/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/5URaqAJFh6v5/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 SVG 1.1 drew this from the words Brush Stroke: Thick uneven stroke with a rounded start and several fine bristle tips. as part of the pack Underlines, flat. 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