Menu

Beta
Sign in
Bookmark SVG icon, rounded

Bookmark SVG icon, rounded

A bookmark symbol for saving content to revisit later. It suits the action bar on a news article and the saved-items section of a social app.

Free · from Creator Social Icons, Rounded

Similar SVGs

More from Creator Social Icons, Rounded

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/e6SIj5eG4PsJ/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="amber" data-name="Amber"><path d="M728 826c-1-11 1-21 1-31 0-33 0-67 0-99 0-102 0-205 0-306 0-42 0-82 0-123 0-19 3-41-1-59-2-9-6-18-13-24-5-6-14-12-23-14-17-4-38-1-56-1-42 0-82 0-123 0s-82 0-122 0c-18 0-37-2-54 0-11 2-21 8-28 16-7 6-12 16-13 26-2 18 0 37 0 56 0 41 0 81 0 123 0 145 0 290 0 436 10-12 23-21 34-31 24-21 47-42 71-63 20-18 40-36 60-54 9-8 17-17 27-23 7-4 16-7 24-7 7 0 15 2 21 5 18 9 72 63 91 80 33 28 74 62 104 93z" fill="#fcc63a" stroke="#fcc63a"/></g><g id="navy" data-name="Navy"><path d="M336 130c-16 2-30 8-43 16-47 32-37 93-37 143 0 39 0 78 0 118 0 118 0 236 0 355 0 28-11 92 28 100 15 3 26-1 37-11 32-26 63-55 95-82 10-9 90-82 96-82s84 71 96 81c32 27 62 56 95 83 11 9 23 14 38 11 38-8 27-71 27-99 0-119 0-237 0-355 0-41 0-81 0-121 0-45 10-100-27-133-15-13-32-21-51-23-20-2-41-1-60-1-37 0-74 0-111 0-41 0-82 0-122 0-21 0-41-1-61 0zM728 826c-30-31-71-65-104-93-19-17-73-71-91-80-6-3-14-5-21-5-8 0-17 3-24 7-10 6-18 15-27 23-20 18-40 36-60 54-24 21-47 42-71 63-11 10-24 19-34 31 0-146 0-291 0-436 0-42 0-82 0-123 0-19-2-38 0-56 1-10 6-20 13-26 7-8 17-14 28-16 17-2 36 0 54 0 40 0 81 0 122 0s81 0 123 0c18 0 39-3 56 1 9 2 18 8 23 14 7 6 11 15 13 24 4 18 1 40 1 59 0 41 0 81 0 123 0 101 0 204 0 306 0 32 0 66 0 99 0 10-2 20-1 31z" fill="#012e66" stroke="#012e66"/></g></svg>
CSS background-image
.bookmark {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/e6SIj5eG4PsJ/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/e6SIj5eG4PsJ/amnt.svg") center / contain no-repeat;
}
React
import BookmarkSvg from "./bookmark.jsx"; // from the React tab above

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

Tags

bookmarksavecollectioncontent

Made with AMNT

AMNT Draw 1.2 drew this from the words Bookmark. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep each shape simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Creator Social Icons, Rounded. 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