Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, drink, coffee, beverage, takeaway, cafe, coffee bean, food and restaurant, to go, to go cup, and cup carrier. 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 24 24"
>
    <linearGradient
        id="a"
        x1="4.896"
        x2="12.104"
        y1="1.689"
        y2="8.896"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6be8a7" />
        <stop offset="1" stop-color="#01b59c" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="15.484"
        x2="20.516"
        y1="14.467"
        y2="19.499"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffb033" />
        <stop offset="1" stop-color="#fe8033" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="17.298"
        x2="18.723"
        y1="16.282"
        y2="17.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff2d8" />
        <stop offset="1" stop-color="#ffd4b5" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.422"
        x2="14.578"
        y1="6.164"
        y2="18.32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#effff4" />
        <stop offset="1" stop-color="#d1ffec" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="3.748"
        x2="13.253"
        y1="8.402"
        y2="17.908"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="7.793"
        x2="9.207"
        y1="12.793"
        y2="14.207"
        href="#b"
    />
    <g>
        <path fill="url(#a)" d="M13 3H4a1 1 0 0 0-1 1v3h11V4a1 1 0 0 0-1-1z" />
        <path
            fill="url(#c)"
            d="M20.961 14.011a3.621 3.621 0 0 0-5.02 0l-.9.905a3.556 3.556 0 1 0 5.019 5.04l.9-.906a3.573 3.573 0 0 0 0-5.039z"
        />
        <path
            fill="url(#d)"
            d="M21.58 14.84v.01l-5.73 5.72a3.446 3.446 0 0 1-.81-.61 3.387 3.387 0 0 1-.6-.82l5.71-5.71a2.868 2.868 0 0 1 .81.58 3.525 3.525 0 0 1 .62.83z"
        />
        <path
            fill="url(#b)"
            d="M14 6H3a1 1 0 0 0 0 2h.074l.858 11.154A2.01 2.01 0 0 0 5.926 21h5.148a2.01 2.01 0 0 0 1.994-1.846L13.926 8H14a1 1 0 0 0 0-2z"
        />
        <path fill="url(#e)" d="m13.85 9-.69 9H3.84l-.69-9z" />
        <path
            fill="url(#f)"
            d="M8 15a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 8 15z"
        />
    </g>
</svg>
More icons in the same style and category