Menu

Beta
Sign in
Bookmark Ribbon SVG element, flat

Bookmark Ribbon SVG element, flat

A narrow vertical strip has a rounded top and a V-shaped cutout at the bottom. It can mark saved articles in an app or sections in a reading journal.

Free · from Ribbons and Banners, Flat · Set 2

Similar SVGs

More from Ribbons and Banners, 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/jiFeI0HNnGNq/amnt.svg" alt="Bookmark Ribbon" 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="red" data-name="Red"><path d="M661 952c0-178 0-355 0-532 0-49 0-98 0-147 0-37 5-81-2-116-14-68-79-119-147-118-69 1-135 50-147 120-6 36-2 75-2 112 0 50 0 100 0 150 0 177 0 353 0 531 22-25 50-46 74-68 11-10 66-64 75-64 8 0 66 55 75 64 25 22 51 44 74 68z" fill="#c50214" stroke="#c50214"/></g><g id="black" data-name="Black"><path d="M513 847c30 31 64 58 95 87 16 14 40 47 63 36 7-3 11-9 13-16 3-14 0-31 0-45 0-73 1-145 1-217 0-46-2-91 0-136 1-16-1-33-1-49 0-31 1-61 0-92-1-19 1-39 1-58 0-53 0-106 0-158 0-17 0-34-4-50-19-81-95-135-177-132-77 3-144 58-161 133-5 21-5 46-4 69 4 88-3 178 1 267 1 25-1 50 0 75 1 30-2 59-1 88 4 85 0 173 0 259 0 15-3 35 3 50 5 13 21 18 33 12 15-7 42-37 56-49 17-15 66-65 82-74zM661 952c-23-24-49-46-74-68-9-9-67-64-75-64-9 0-64 54-75 64-24 22-52 43-74 68 0-178 0-354 0-531 0-50 0-100 0-150 0-37-4-76 2-112 12-70 78-119 147-120 68-1 133 50 147 118 7 35 2 79 2 116 0 49 0 98 0 147 0 177 0 354 0 532z" fill="#1c1b1b" stroke="#1c1b1b"/></g></svg>
CSS background-image
.bookmark-ribbon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jiFeI0HNnGNq/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.bookmark-ribbon {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jiFeI0HNnGNq/amnt.svg") center / contain no-repeat;
}
React
import BookmarkRibbonSvg from "./bookmark-ribbon.jsx"; // from the React tab above

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

Tags

bookmarkribbonmarkerpageribbonselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Bookmark Ribbon: Narrow vertical strip with a rounded top and a V-shaped notch cut from the bottom. A flat element. as part of the pack Ribbons and Banners, 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