Add icons to this collection by clicking the heart icon.
Coffee icon - also known as drink, coffee, tea, beverage, hot coffee, and food and restaurant. Created in a clean flat style with a white, silver, maroon, and teal finish, 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"
>
    <path
        fill="#ebebeb"
        d="M320 144a8 8 0 0 1-8-8v-4a36.04 36.04 0 0 1 36-36 20.112 20.112 0 0 0 18.08-11.433 8 8 0 1 1 14.451 6.866A36.183 36.183 0 0 1 348 112a20.023 20.023 0 0 0-20 20v4a8 8 0 0 1-8 8z"
    />
    <path
        fill="#533222"
        d="M440 184v8H280v-8l6.329-37.973A12 12 0 0 1 298.166 136h123.668a12 12 0 0 1 11.837 10.027z"
    />
    <path
        fill="#dbdbdb"
        d="m448 216-1.71 16L424 440H296l-22.29-208-1.71-16v-8h176z"
    />
    <path
        fill="#5b3726"
        d="M272 184h176a8 8 0 0 1 8 8v24H264v-24a8 8 0 0 1 8-8z"
    />
    <path fill="#04957c" d="M448 344H336l-64-48v-32h176z" />
    <g fill="#ebebeb">
        <path
            d="M168 272a8 8 0 0 1-8-8 48.054 48.054 0 0 0-48-48H96a8 8 0 0 1 0-16h16a64.072 64.072 0 0 1 64 64 8 8 0 0 1-8 8z"
        />
        <path
            d="M72 216a40.045 40.045 0 0 1-40-40v-8a40.045 40.045 0 0 1 40-40h88a8 8 0 0 1 0 16H72a24.027 24.027 0 0 0-24 24v8a24.027 24.027 0 0 0 24 24 8 8 0 0 1 0 16zM191.994 142.994a8 8 0 0 1-1.988-15.75A24 24 0 0 0 184 80a40.045 40.045 0 0 1-40-40V24a8 8 0 0 1 16 0v16a24.027 24.027 0 0 0 24 24 40 40 0 0 1 9.994 78.739 8.026 8.026 0 0 1-2 .255zM373.312 72a8 8 0 0 1-7.232-4.568A20.11 20.11 0 0 0 348 56h-36a32.036 32.036 0 0 1-32-32 8 8 0 0 1 16 0 16.019 16.019 0 0 0 16 16h36a36.185 36.185 0 0 1 32.531 20.566A8 8 0 0 1 373.312 72zM120 272a8 8 0 0 1-8-8v-16a8 8 0 0 1 16 0v16a8 8 0 0 1-8 8zM216 304a8 8 0 0 1-8-8v-19.156a86.991 86.991 0 0 0-14.656-48.406 8 8 0 1 1 13.312-8.876A102.941 102.941 0 0 1 224 276.844V296a8 8 0 0 1-8 8z"
        />
    </g>
    <path
        fill="#04a488"
        d="M360 304h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM424 304h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16z"
    />
    <path
        fill="#eaeae8"
        d="M314 312h-18v-16H40v32a128 128 0 0 0 128 128 127.751 127.751 0 0 0 99.915-48H314a48 48 0 0 0 0-96zm0 64h-27.314a127.109 127.109 0 0 0 8.32-32H314a16 16 0 0 1 0 32z"
    />
    <path
        fill="#f5f5f3"
        d="M88 336H72a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM168 336h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16z"
    />
    <path
        fill="#cd9c7a"
        d="M24 440h464v14a34 34 0 0 1-34 34H58a34 34 0 0 1-34-34v-14z"
    />
    <path fill="#c3c3c3" d="m448 216-1.71 16H273.71L272 216z" />
</svg>
More icons in the same style and category