Add icons to this collection by clicking the heart icon.
Bookmark icon - also known as bookmark, mark, favourite, ui, and save. Created in a clean flat 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 16 16"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(11 -11.5 11.5 11 4 16.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c3e6da" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-50.908 93.097 13.817) scale(15.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92e7cc" />
<stop offset="1" stop-color="#1b8b68" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M17 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2z"
transform="translate(-2 -2)"
/>
<path
fill="url(#b)"
d="M34.5 67a3.5 3.5 0 0 0-3.5-3.5h-4a3.5 3.5 0 0 0-3.5 3.5v9.009a1.499 1.499 0 0 0 2.396 1.203l2.818-2.098a.501.501 0 0 1 .599 0l2.788 2.088a1.498 1.498 0 0 0 2.399-1.2zm-1 0v9.002a.5.5 0 0 1-.8.4l-2.788-2.088a1.5 1.5 0 0 0-1.795-.002l-2.818 2.098a.502.502 0 0 1-.799-.401V67a2.5 2.5 0 0 1 2.5-2.5h4a2.5 2.5 0 0 1 2.5 2.5z"
transform="matrix(.657 0 0 .657 -11.04 -38.291)"
/>
</g>
</svg>
More icons in the same style and category