Add icons to this collection by clicking the heart icon.
Bookmark icon - also known as interface, business, book, bookmark, notebook, address book, books, agenda, ui, and user interface. 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="32"
        x2="32"
        y1="3.5"
        y2="60.668"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff3b90" />
        <stop offset=".073" stop-color="#fe2eab" />
        <stop offset=".139" stop-color="#fe1bd9" />
        <stop offset=".2" stop-color="#fd10f3" />
        <stop offset=".289" stop-color="#fd0cfa" />
        <stop offset=".514" stop-color="#6e3ff3" />
        <stop offset=".8" stop-color="#3c41ed" />
        <stop offset="1" stop-color="#3a85e9" />
    </linearGradient>
    <linearGradient id="b" x1="36" x2="36" y2="60.668" href="#a" />
    <linearGradient id="c" x1="40" x2="40" y2="60.668" href="#a" />
    <linearGradient id="d" x1="44" x2="44" y2="60.668" href="#a" />
    <linearGradient id="e" x1="48" x2="48" y2="60.668" href="#a" />
    <linearGradient id="f" x1="28" x2="28" y2="60.668" href="#a" />
    <linearGradient id="g" x1="24" x2="24" y2="60.668" href="#a" />
    <linearGradient id="h" x1="20" x2="20" y2="60.668" href="#a" />
    <linearGradient id="i" x1="16" x2="16" y2="60.668" href="#a" />
    <path
        fill="url(#a)"
        d="M53 2H11a1 1 0 0 0-1 1v58a1 1 0 0 0 1.526.85L32 49.176 52.474 61.85a1.016 1.016 0 0 0 1.013.023A1 1 0 0 0 54 61V3a1 1 0 0 0-1-1zM12 4h40v8H12zm20.526 43.15a1 1 0 0 0-1.052 0L12 59.205V14h40v45.205z"
    />
    <path
        fill="url(#a)"
        d="M32 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#b)"
        d="M36 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#c)"
        d="M40 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#d)"
        d="M44 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#e)"
        d="M48 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#f)"
        d="M28 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#g)"
        d="M24 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#h)"
        d="M20 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#i)"
        d="M16 6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#a)"
        d="M46 26.695h-9.957l-3.087-9.99a1 1 0 0 0-1.912 0l-3.087 9.99H18a1 1 0 0 0-.607 1.794l8.098 6.187-3.099 10.028a1 1 0 0 0 1.563 1.09L32 39.648l8.045 6.146a.969.969 0 0 0 1.18.026 1 1 0 0 0 .383-1.116l-3.1-10.028 8.099-6.187A1 1 0 0 0 46 26.695zm-9.26 6.816a1 1 0 0 0-.348 1.09l2.381 7.705-6.166-4.71a.999.999 0 0 0-1.214 0l-6.166 4.71 2.38-7.706a1 1 0 0 0-.348-1.09l-6.303-4.815h7.739a1 1 0 0 0 .955-.705L32 20.387l2.35 7.603a1 1 0 0 0 .955.705h7.739z"
    />
</svg>
More icons in the same style and category