Add icons to this collection by clicking the heart icon.
Bookmark icon - also known as bookmark, web, marketing, and seo. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="4"
x2="60"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2baae2" />
<stop offset="1" stop-color="#2db674" />
</linearGradient>
<linearGradient
id="b"
x1="11.005"
x2="23.995"
y1="8.99"
y2="8.99"
href="#a"
/>
<linearGradient
id="c"
x1="45.005"
x2="52.995"
y1="8.99"
y2="8.99"
href="#a"
/>
<linearGradient
id="d"
x1="34.005"
x2="41.995"
y1="8.99"
y2="8.99"
href="#a"
/>
<linearGradient id="e" x1="11" x2="29" y1="36" y2="36" href="#a" />
<linearGradient id="f" x1="31" x2="53" y1="36" y2="36" href="#a" />
<linearGradient id="g" x1="31" x2="53" y1="21" y2="21" href="#a" />
<linearGradient id="h" x1="31" x2="53" y1="27" y2="27" href="#a" />
<linearGradient id="i" x1="31" x2="53" y1="45" y2="45" href="#a" />
<linearGradient id="j" x1="31" x2="53" y1="51" y2="51" href="#a" />
<path
fill="url(#a)"
d="M55 4H9a5.006 5.006 0 0 0-5 5v46a5.006 5.006 0 0 0 5 5h46a5.006 5.006 0 0 0 5-5V9a5.006 5.006 0 0 0-5-5zM9 6h46a3 3 0 0 1 3 3v3H6V9a3 3 0 0 1 3-3zm46 52H9a3 3 0 0 1-3-3V14h52v41a3 3 0 0 1-3 3z"
/>
<path
fill="url(#b)"
d="M12.005 9.99H23a1 1 0 0 0 0-2H12.005a1 1 0 0 0 0 2z"
/>
<path
fill="url(#c)"
d="M46.005 9.99H52a1 1 0 0 0 0-2h-5.99a1 1 0 0 0 0 2z"
/>
<path
fill="url(#d)"
d="M35.005 9.99H41a1 1 0 0 0 0-2h-5.99a1 1 0 0 0 0 2z"
/>
<path
fill="url(#e)"
d="M28 20H12a1 1 0 0 0-1 1v30a1 1 0 0 0 1.6.8l7.4-5.55 7.4 5.55A1 1 0 0 0 29 51V21a1 1 0 0 0-1-1zm-1 29-6.4-4.8a1 1 0 0 0-1.2 0L13 49V22h14z"
/>
<path
fill="url(#f)"
d="M52 32H32a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H33v-4h18z"
/>
<path fill="url(#g)" d="M52 20H32a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M52 26H32a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M52 44H32a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z" />
<path fill="url(#j)" d="M52 50H32a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category