Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, coffee, beverage, hot drink, mug, 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 512 512"
>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="264.374"
        x2="264.374"
        y1="452"
        y2="0"
    >
        <stop offset="0" stop-color="#ffc2cc" />
        <stop offset="1" stop-color="#fff2f4" />
    </linearGradient>
    <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="211"
        x2="211"
        y1="512"
        y2="180"
    >
        <stop offset="0" stop-color="#fd3a84" />
        <stop offset="1" stop-color="#ffa68d" />
    </linearGradient>
    <g>
        <g>
            <g>
                <path
                    d="m131.693 25.518c5.771-5.859 5.742-15.293-.088-21.123-5.859-5.859-15.352-5.859-21.211 0-16.318 16.318-29.795 51.416 0 81.211 17.695 17.695 4.395 34.233 0 38.789-5.859 5.859-5.859 15.352 0 21.211 5.86 5.859 15.352 5.859 21.211 0 16.318-16.318 29.795-51.416 0-81.211-17.695-17.696-4.394-34.234.088-38.877zm90 0c5.771-5.859 5.742-15.293-.088-21.123-5.859-5.859-15.352-5.859-21.211 0-16.318 16.318-29.795 51.416 0 81.211 17.695 17.695 4.395 34.233 0 38.789-5.859 5.859-5.859 15.352 0 21.211 5.86 5.859 15.352 5.859 21.211 0 16.318-16.318 29.795-51.416 0-81.211-17.695-17.696-4.394-34.234.088-38.877zm89.912 38.877c-17.695-17.695-4.395-34.233.088-38.877 5.771-5.859 5.742-15.293-.088-21.123-5.859-5.859-15.352-5.859-21.211 0-16.318 16.318-29.795 51.416 0 81.211 17.695 17.695 4.395 34.233 0 38.789-5.859 5.859-5.859 15.352 0 21.211 5.86 5.859 15.352 5.859 21.211 0 16.319-16.319 29.795-51.417 0-81.211zm79.395 175.605h-60c-8.291 0-15 6.709-15 15s6.709 15 15 15h60c8.262 0 15 6.724 15 15v122c0 8.276-6.738 15-15 15h-60c-8.291 0-15 6.709-15 15s6.709 15 15 15h60c24.814 0 45-20.186 45-45v-122c0-24.814-20.186-45-45-45z"
                    fill="url(#SVGID_1_)"
                />
            </g>
        </g>
        <g>
            <g>
                <path
                    d="m331 180h-240c-8.291 0-15 6.709-15 15v272c0 24.814 20.186 45 45 45h180c24.814 0 45-20.186 45-45v-272c0-8.291-6.709-15-15-15z"
                    fill="url(#SVGID_2_)"
                />
            </g>
        </g>
    </g>
</svg>
More icons in the same style and category