Add icons to this collection by clicking the heart icon.
Coffee Capsule icon - also known as drink, coffee shop, beans, food and restaurant, and coffee capsule. 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 36 36"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffb5b9" />
        <stop offset=".005" stop-color="#ffbaba" />
        <stop offset=".08" stop-color="#ffb1b8" />
        <stop offset=".204" stop-color="#ff97b4" />
        <stop offset=".3" stop-color="#ff7fb0" />
        <stop offset=".7" stop-color="#9499ff" />
        <stop offset="1" stop-color="#a9fffe" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="1.974"
        x2="31.897"
        y1="32.026"
        y2="2.103"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="2.106"
        x2="32.056"
        y1="32.171"
        y2="2.221"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="5.489"
        x2="35.412"
        y1="35.511"
        y2="5.588"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M15 23c0-2.8-1.8-5-4-5s-4 2.2-4 5c0 1.5.5 2.9 1.4 3.8.2.2.4.4.7.6.6.4 1.2.6 1.9.6 2.2 0 4-2.2 4-5zm-4.5-2.9-.2.3c-.5.8-.6 1.8-.3 2.7.1.5 0 1-.3 1.4l-.2.3c-.3-.5-.5-1.1-.5-1.8 0-1.4.7-2.6 1.5-2.9zM11 26l.1-.1c.8-.9 1.1-2.1.8-3.3-.1-.4 0-.8.2-1.1l.3-.6c.4.5.6 1.3.6 2.1 0 1.6-.9 3-2 3z"
    />
    <path
        fill="url(#c)"
        d="M32 6H18c-1.1 0-2 .9-2 2v1c0 .8.5 1.5 1.1 1.8v.4l.1 1.8H4c-1.1 0-2 .9-2 2v1c0 .8.5 1.5 1.1 1.8v.4l.6 7.3c.2 2.5 2.4 4.5 5 4.5h4.6c2.6 0 4.8-2 5-4.6l.4-4.4c.9 1.2 2.4 2 4 2h4.6c2.6 0 4.8-2 5-4.6l.6-7.3v-.4c.6-.3 1.1-1 1.1-1.8V8c0-1.1-.9-2-2-2zm0 3h-1V8h1zM21 9V8h1v1zm3-1h2v1h-2zm4 1V8h1v1zM18 8h1v1h-1zM7 16v-1h1v1zm3-1h2v1h-2zm4 1v-1h1v1zm3.4-1 .1 1H17v-1zM4 15h1v1H4zm12.3 10.3c-.1 1.5-1.4 2.8-3 2.8H8.7c-1.5 0-2.9-1.2-3-2.8L5.1 18h11.8zm14-7c-.1 1.5-1.4 2.8-3 2.8h-4.6c-1.5 0-2.9-1.2-3-2.8l-.1-1.1-.3-3.7-.2-2.5h11.8z"
    />
    <path
        fill="url(#d)"
        d="M29 16c0-2.8-1.8-5-4-5s-4 2.2-4 5c0 1.5.5 2.9 1.4 3.8.2.2.4.4.7.6.6.4 1.2.6 1.9.6 2.2 0 4-2.2 4-5zm-4.5-2.9-.2.3c-.5.8-.6 1.8-.3 2.7.1.5 0 1-.3 1.4l-.2.3c-.3-.5-.5-1.1-.5-1.8 0-1.4.7-2.6 1.5-2.9zM25 19l.1-.1c.8-.9 1.1-2.1.8-3.3-.1-.4 0-.8.2-1.1l.3-.6c.4.5.6 1.3.6 2.1 0 1.6-.9 3-2 3z"
    />
</svg>
More icons in the same style and category