Menu

Beta
Sign in
Beta
Bookmark SVG icon, line

Bookmark SVG icon, line

A tall outline with a V-shaped notch represents a bookmark. Use it to save an article for later or mark a page in an online reader.

Free · from Interface icons, line · Set 2

Similar SVGs

More from Interface icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pS-Veb5qLiZQ/amnt.svg" alt="Bookmark" 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="turquoise" data-name="Turquoise"><path d="M738 945c0-188 0-376 0-563 0-94 0-188 0-282 0-13 2-27-1-39-8-26-63-17-84-17-47 0-95 0-141 0-47 0-95 0-141 0-21 0-78-9-84 18-2 12 0 27 0 40 0 94 0 187 0 282 0 187 0 374 0 562 35-36 74-68 112-100 16-14 100-95 114-95 13 0 97 82 114 96 37 32 73 67 111 98z" fill="#02bea6" stroke="#02bea6"/></g><g id="navy" data-name="Navy"><path d="M512 797c25 20 48 42 72 63 34 31 69 60 103 91 15 13 41 40 57 49 6 4 12 5 19 3 22-7 15-51 15-69 0-37 0-72 0-108 0-73 0-145 0-217 0-145 0-290 0-434 0-23 0-46 0-68 0-42 3-90-52-97-22-3-47-1-69-1-49 0-98 0-147 0-50 0-99 0-148 0-22 0-47-3-68 1-42 9-47 41-47 76 0 31-1 61-1 92 0 144 0 289 0 434 0 72 0 144 0 217 0 35 0 71 0 107 0 18-7 62 17 67 7 2 13 0 18-3 10-6 19-16 28-24 25-23 51-45 77-68 27-25 56-49 84-74 13-13 29-23 42-37zM738 945c-38-31-74-66-111-98-17-14-101-96-114-96-14 0-98 81-114 95-38 32-77 64-112 100 0-188 0-375 0-562 0-95 0-188 0-282 0-13-2-28 0-40 6-27 63-18 84-18 46 0 94 0 141 0 46 0 94 0 141 0 21 0 76-9 84 17 3 12 1 26 1 39 0 94 0 188 0 282 0 187 0 375 0 563z" fill="#022259" stroke="#022259"/></g></svg>
CSS background-image
.bookmark {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pS-Veb5qLiZQ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.bookmark {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pS-Veb5qLiZQ/amnt.svg") center / contain no-repeat;
}
React
import BookmarkSvg from "./bookmark.jsx"; // from the React tab above

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

Tags

bookmarksavereadinginterfaceiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Bookmark: Tall bookmark outline with a V-shaped notch at the bottom. A flat colour icon. as part of the pack Interface icons, line · 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