Add icons to this collection by clicking the heart icon.
Book icon - also known as book, memory, heart, love, romance, story, valentines day, love and romance, and romantic novel. 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 512 512"
>
    <linearGradient
        id="c"
        x1="80"
        x2="432"
        y1="224"
        y2="224"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e04f5a" />
        <stop offset=".178" stop-color="#e85863" />
        <stop offset=".476" stop-color="#ee616b" />
        <stop offset="1" stop-color="#f0636d" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="303.836"
        x2="303.836"
        y1="305.933"
        y2="297.92"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e36d8e" />
        <stop offset=".028" stop-color="#e46f90" />
        <stop offset=".389" stop-color="#ed87a4" />
        <stop offset=".722" stop-color="#f296b0" />
        <stop offset="1" stop-color="#f49bb4" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="303.836"
        x2="303.836"
        y1="279.336"
        y2="271.324"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="256"
        x2="256"
        y1="479.907"
        y2="351.907"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e36d8e" />
        <stop offset=".331" stop-color="#e77897" />
        <stop offset=".916" stop-color="#f296b0" />
        <stop offset="1" stop-color="#f49bb4" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="144.025"
        x2="175.962"
        y1="199.927"
        y2="199.927"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b8404a" />
        <stop offset=".592" stop-color="#d34a55" />
        <stop offset="1" stop-color="#e04f5a" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="405.418"
        x2="405.418"
        y1="447.907"
        y2="383.907"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e04f5a" />
        <stop offset=".571" stop-color="#cf4853" />
        <stop offset="1" stop-color="#c94651" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="256"
        x2="256"
        y1="447.907"
        y2="383.907"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f2f2ff" />
        <stop offset=".514" stop-color="#f0f0fe" />
        <stop offset=".81" stop-color="#e7e7fb" />
        <stop offset="1" stop-color="#ddddf7" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="311.155"
        x2="311.155"
        y1="433.786"
        y2="425.773"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3d3f3" />
        <stop offset="1" stop-color="#b6b6de" />
    </linearGradient>
    <linearGradient
        id="i"
        x1="332.014"
        x2="332.014"
        y1="406.041"
        y2="398.028"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="330"
        x2="330"
        y1="471.729"
        y2="407.729"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ae8ec2" />
        <stop offset=".37" stop-color="#ab89c0" />
        <stop offset=".803" stop-color="#a27bbb" />
        <stop offset="1" stop-color="#9d72b8" />
    </linearGradient>
    <radialGradient
        id="k"
        cx="237.271"
        cy="70.217"
        r="229.01"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f49bb4" />
        <stop offset=".278" stop-color="#f296b0" />
        <stop offset=".611" stop-color="#ed87a4" />
        <stop offset=".97" stop-color="#e46f90" />
        <stop offset="1" stop-color="#e36d8e" />
    </radialGradient>
    <g>
        <path
            fill="url(#c)"
            d="M432 415.907V32.093H175.962c-.256 20.926-31.668 20.91-31.924 0H144a64 64 0 0 0-64 64v319.814z"
        />
        <path
            fill="url(#a)"
            d="M223.676 305.933c-5.297 0-5.287-8 0-8l160.32-.013c5.297 0 5.287 8 0 8z"
        />
        <path
            fill="url(#d)"
            d="M223.676 279.336c-5.297 0-5.287-8 0-8l160.32-.012c5.297 0 5.287 8 0 8z"
        />
        <path
            fill="url(#e)"
            d="M144 351.907a64 64 0 0 0 0 128h.026v-.007c0-21.135 31.936-21.122 31.936 0v.007H432v-128z"
        />
        <path
            fill="url(#f)"
            d="M175.953 32.093c-.242 20.89-31.668 20.885-31.918.006h-.01l.013 319.563c-.001.084-.013.166-.013.251 0 21.135 31.937 21.123 31.937 0 0-.142-.018-.28-.021-.422l.02-319.398z"
        />
        <path fill="url(#g)" d="M432 383.907h-31l-22.164 32 22.164 32h31z" />
        <path fill="url(#h)" d="M143 447.907h258v-64H143a32 32 0 0 0 0 64z" />
        <path
            fill="url(#b)"
            d="M221.318 433.786c-5.298 0-5.288-8-.001-8l179.675-.013c5.297 0 5.287 8 0 8z"
        />
        <path
            fill="url(#i)"
            d="M263.037 406.04c-5.298 0-5.288-8-.001-8l137.956-.012c5.297 0 5.287 8 0 8z"
        />
        <path fill="url(#j)" d="m362 480-32-32-32 32v-64h64z" />
        <path
            fill="url(#k)"
            d="M303.998 102.138c-43.615-48.461-158.1 20.897 0 131.426 158.098-110.526 43.634-179.908 0-131.426z"
        />
    </g>
</svg>
More icons in the same style and category