Triangle Row SVG element, flat

Triangle Row SVG element, flat

Small solid triangles repeat along a horizontal baseline. Set the row beneath a poster title or use it to divide rounds on a game score sheet.

Similar SVGs

More from Horizontal Rules, Flat · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Kt9Zsm_oyZ5v/amnt.svg" alt="Triangle Row" 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="grape" data-name="Grape"><path d="M96 461c-13 15-33 76-48 82h928l-43-81-44 80h-3l-43-80c-8 10-40 79-48 79-9 0-38-68-47-79-7 11-40 77-47 80l-44-81c-8 12-39 80-48 80-10 0-41-68-48-79l-44 80c-10 0-40-68-48-80-10 11-39 79-48 79-8 0-40-68-47-79l-44 81c-13-6-35-67-48-82-5 11-40 80-47 80-2 0-3 0-4-1-2-1-40-72-42-79-7 10-42 80-47 80-3 0-42-70-46-80z" fill="#01276d" stroke="#01276d"/></g></svg>
CSS background-image
.triangle-row {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Kt9Zsm_oyZ5v/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.triangle-row {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Kt9Zsm_oyZ5v/amnt.svg") center / contain no-repeat;
}
React
import TriangleRowSvg from "./triangle-row.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Triangle Row: Small solid triangles repeat along a horizontal baseline. 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