Add icons to this collection by clicking the heart icon.
Coffee icon - also known as christmas, winter, cup, coffee, tea, hot drink, and food and restaurant. 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 64 64"
>
    <linearGradient
        id="a"
        x1="5.396"
        x2="59.237"
        y1="37.352"
        y2="37.352"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#57a0d7" />
        <stop offset="1" stop-color="#89d3e2" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="5.396"
        x2="59.237"
        y1="30.963"
        y2="30.963"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="5.396"
        x2="59.237"
        y1="7.968"
        y2="7.968"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M53.861 21.416h-7.019V17.7a3 3 0 0 0-3-3H17.881a3 3 0 0 0-3 3v8.129a1 1 0 0 0 2 0V17.7a1 1 0 0 1 1-1h25.961a1 1 0 0 1 1 1v27.508H16.881v-13.97a1 1 0 0 0-2 0v13.97h-6a3.748 3.748 0 0 0 0 7.5h2.671l2.114 6.6a1 1 0 0 0 .953.7h16.242a1 1 0 1 0 0-2H15.354l-1.7-5.3h34.412L46.37 58h-9.43a1 1 0 0 0 0 2H47.1a1 1 0 0 0 .952-.7l2.113-6.6h2.671a3.748 3.748 0 1 0 0-7.5h-5.994v-4.705h7.019a5.006 5.006 0 0 0 5-5v-9.079a5.006 5.006 0 0 0-5-5zm.723 27.54a1.75 1.75 0 0 1-1.748 1.744H8.886a1.748 1.748 0 0 1 0-3.5h43.95a1.75 1.75 0 0 1 1.748 1.756zm2.277-13.461a3 3 0 0 1-3 3h-7.019V23.416h7.019a3 3 0 0 1 3 3z"
    />
    <path
        fill="url(#b)"
        d="M25.515 36.545a5.613 5.613 0 0 0 4.675 1.347A8.9 8.9 0 0 0 35.2 35.3c3.022-3.028 3.526-7.4 1.139-9.822-2.394-2.394-6.8-1.884-9.822 1.139-3.049 3.057-3.577 7.577-1.002 9.928zm8.274-2.662a6.9 6.9 0 0 1-3.868 2.027 4.4 4.4 0 0 1-1.657-.084 7.126 7.126 0 0 0 3.578-4.675c.429-2.155 2.427-3.307 3.459-3.767 1.113 1.701.523 4.463-1.512 6.499zm-5.855-5.855a6.644 6.644 0 0 1 4.524-2.081 3.966 3.966 0 0 1 1 .138 7.128 7.128 0 0 0-3.58 4.676c-.428 2.155-2.427 3.306-3.458 3.766-1.111-1.701-.52-4.463 1.514-6.499z"
    />
    <g fill="url(#c)">
        <path
            d="M29.387 10.936a1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.2-.205-.2-.211-.2-.3s0-.092.2-.3A2.272 2.272 0 0 0 32.336 5a1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.749 1.677zM39.387 10.936a1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.2-.205-.2-.211-.2-.3s0-.092.2-.3A2.272 2.272 0 0 0 42.336 5a1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.749 1.677zM19.387 10.936a1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.2-.205-.2-.211-.2-.3s0-.092.2-.3A2.272 2.272 0 0 0 22.336 5a1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.749 1.677z"
        />
    </g>
</svg>
More icons in the same style and category