Bookmark Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Bookmark icon is commonly used in reading lists, save-for-later features and content libraries. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/309992.svg" alt="Bookmark icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309992.svg" alt="Bookmark icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309992.svg" alt="Bookmark icon" :width="24" :height="24" />
CSS background
.icon-bookmark {
background-image: url('https://proicons.com/icon/309992.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.97 6.32148V19.6515C19.9477 20.1056 19.8006 20.5447 19.5448 20.9205C19.2889 21.2964 18.9343 21.5943 18.52 21.7815C18.1119 21.9616 17.6634 22.0306 17.22 21.9815C16.7744 21.926 16.3525 21.7496 16 21.4714L12.59 18.9415C12.4099 18.815 12.1951 18.7471 11.975 18.7471C11.7549 18.7471 11.5401 18.815 11.36 18.9415L7.93 21.5015C7.58182 21.7723 7.16747 21.9449 6.73 22.0015H6.43C6.08482 22 5.74392 21.925 5.43 21.7815C5.02933 21.5978 4.68434 21.3115 4.43 20.9515C4.17842 20.5803 4.03003 20.1489 4 19.7015V6.3415C4.01935 5.75089 4.15511 5.16988 4.39947 4.63184C4.64383 4.09381 4.99198 3.60932 5.42398 3.20612C5.85598 2.80292 6.36332 2.48895 6.91692 2.28223C7.47051 2.07552 8.05946 1.9801 8.65 2.00147H15.38C16.5643 1.96634 17.7144 2.40071 18.5798 3.20991C19.4452 4.0191 19.9557 5.13753 20 6.32148H19.97Z" fill="black"/> </svg>
Bookmark in other icon packs
Copied!