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 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="18"
        x2="18"
        y2="23.987"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a8e63c" />
        <stop offset="1" stop-color="#468158" />
    </linearGradient>
    <linearGradient id="b" x1="8.5" x2="8.5" y1="0" y2="23.987" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M17.549 21a3.549 3.549 0 0 1-2.509-6.059l.9-.9a3.633 3.633 0 0 1 5.02 0 3.549 3.549 0 0 1 0 5.019l-.9.9A3.522 3.522 0 0 1 17.549 21zm.9-6a1.539 1.539 0 0 0-1.1.454l-.9.9a1.549 1.549 0 0 0 0 2.191 1.585 1.585 0 0 0 2.191 0l.9-.9A1.55 1.55 0 0 0 18.451 15z"
        />
        <path
            fill="url(#a)"
            d="M15.75 20.25a1 1 0 0 1-.707-1.707l4.5-4.5a1 1 0 0 1 1.414 1.414l-4.5 4.5a1 1 0 0 1-.707.293z"
        />
        <g fill="url(#b)">
            <path
                d="M11.074 21H5.926a2.01 2.01 0 0 1-1.994-1.846L3 7.077A1 1 0 0 1 4 6h9a1 1 0 0 1 1 1.077l-.929 12.077A2.01 2.01 0 0 1 11.074 21zM5.08 8l.846 11h5.149l.845-11z"
            />
            <path
                d="M14 8H3a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM13 5H4a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM8 15a1 1 0 0 1-.707-1.707l1-1a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 8 15zM12.23 18H4.77a1 1 0 1 1 0-2h7.46a1 1 0 0 1 0 2zM12.77 11H4.23a1 1 0 0 1 0-2h8.54a1 1 0 0 1 0 2z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category