Add icons to this collection by clicking the heart icon.
Compose icon - also known as book, file, office, work, note, office material, compose, business and finance, and business and financ. 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 64 64"
>
    <linearGradient
        id="a"
        x1="16.667"
        x2="69.688"
        y1="74.389"
        y2="22.153"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".133" stop-color="#a617ff" />
        <stop offset=".477" stop-color="#6359e3" />
        <stop offset="1" stop-color="#5bcbfa" />
    </linearGradient>
    <linearGradient
        id="b"
        x1=".041"
        x2="53.062"
        y1="57.514"
        y2="5.278"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-4.159"
        x2="48.862"
        y1="53.25"
        y2="1.014"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="16.325"
        x2="69.346"
        y1="74.043"
        y2="21.807"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="7.621"
        x2="60.642"
        y1="65.207"
        y2="12.972"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-4.872"
        x2="48.149"
        y1="52.526"
        y2=".291"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="9.165"
        x2="62.186"
        y1="66.775"
        y2="14.539"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="18.414"
        x2="71.435"
        y1="76.163"
        y2="23.927"
        href="#a"
    />
    <g>
        <path fill="url(#a)" d="M33.18 53H44v-2h-8a3.01 3.01 0 0 0-2.82 2z" />
        <path
            fill="url(#b)"
            d="M50 10a1.024 1.024 0 0 1 .71.29l1.29 1.3V5h-4v6.59l1.29-1.3A1.024 1.024 0 0 1 50 10z"
        />
        <path
            fill="url(#c)"
            d="M4 11v42h26.82A3.01 3.01 0 0 0 28 51H7a1 1 0 0 1-1-1V11z"
        />
        <path fill="url(#d)" d="M60 11h-2v39a1 1 0 0 1-1 1h-7v2h10z" />
        <path
            fill="url(#e)"
            d="M51 23v1h2a1 1 0 0 1 1 1v9h-2v-8h-1v10a1 1 0 0 1-1 1v12h6V7h-2v7a.987.987 0 0 1-.62.92.838.838 0 0 1-.38.08 1.007 1.007 0 0 1-.71-.29L50 12.41l-2.29 2.3a1 1 0 0 1-1.09.21A.987.987 0 0 1 46 14V7H36a3.009 3.009 0 0 0-3 3v40.03A4.924 4.924 0 0 1 36 49h8V37a1 1 0 0 1-1-1V23a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
        />
        <path
            fill="url(#f)"
            d="M28 7H8v42h20a4.924 4.924 0 0 1 3 1.03V10a3.009 3.009 0 0 0-3-3zm0 37H11v-2h17zm0-5H11v-2h17zm0-5H11v-2h17zm0-5H11v-2h17zm0-5H11v-2h17zm0-5H11v-2h17zm0-5H11v-2h17z"
        />
        <path fill="url(#g)" d="M45 24h4v11h-4z" />
        <path fill="url(#h)" d="M46 37h2v22h-2z" />
    </g>
</svg>
More icons in the same style and category