Add icons to this collection by clicking the heart icon.
Espresso icon - also known as cup, coffee, hot drink, mug, espresso, 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 502 502"
>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="0"
        x2="221.135"
        y1="259.247"
        y2="259.247"
    >
        <stop offset="0" stop-color="#fdd943" />
        <stop offset="1" stop-color="#fde57f" />
    </linearGradient>
    <linearGradient
        id="SVGID_00000151529383607158899270000010883244274949289367_"
        gradientUnits="userSpaceOnUse"
        x1="279.227"
        x2="279.227"
        y1="386.531"
        y2="108.036"
    >
        <stop offset="0" stop-color="#fd869c" />
        <stop offset="1" stop-color="#fdb0bf" />
    </linearGradient>
    <linearGradient id="lg1">
        <stop offset="0" stop-color="#3cc8db" />
        <stop offset="1" stop-color="#b1e6ee" />
    </linearGradient>
    <linearGradient
        id="SVGID_00000080915138301236154420000008302879897955972759_"
        gradientUnits="userSpaceOnUse"
        x1="279.227"
        x2="279.227"
        y1="443.944"
        y2="356.371"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_00000119096052345779222750000006573607247246180024_"
        gradientUnits="userSpaceOnUse"
        x1="279.227"
        x2="279.227"
        y1="158.016"
        y2="58.056"
        href="#lg1"
    />
    <g>
        <g>
            <path
                d="m198.218 337.042h-42.766c-64.635 0-105.556-19.922-128.502-36.635-16.875-12.291-26.95-32.15-26.95-53.124 0-36.299 29.531-65.83 65.83-65.83h54.417c12.657 0 22.917 10.261 22.917 22.917s-10.261 22.917-22.917 22.917h-54.417c-11.025 0-19.995 8.97-19.995 19.996 0 6.372 3.028 12.381 8.1 16.075 17.443 12.705 49.215 27.85 101.517 27.85h42.766c12.657 0 22.917 10.26 22.917 22.917s-10.26 22.917-22.917 22.917z"
                fill="url(#SVGID_1_)"
            />
        </g>
        <g fill="#fdc516">
            <path
                d="m198.218 291.208h-42.767c-28.188 0-50.404-4.402-67.636-10.448 6.729 16.124 14.654 31.209 23.673 44.815 2.05 3.093 4.162 6.092 6.312 9.033 11.542 1.545 24.066 2.434 37.651 2.434h42.767c12.657 0 22.917-10.26 22.917-22.917s-10.26-22.917-22.917-22.917z"
            />
            <path
                d="m143.165 204.37c0-12.657-10.26-22.917-22.917-22.917h-54.418c-.791 0-1.573.032-2.356.06 1.468 15.517 3.939 30.856 7.345 45.775h49.429c12.656-.001 22.917-10.262 22.917-22.918z"
            />
        </g>
        <path
            d="m91.943 154.55c2.054 102.559 54.321 231.981 187.285 231.981s185.23-129.422 187.285-231.981l-187.285-46.514z"
            fill="url(#SVGID_00000151529383607158899270000010883244274949289367_)"
        />
        <path
            d="m454.696 356.371h-350.937c-20.95 0-34.608 22.008-25.309 40.781l6.406 12.931c10.274 20.74 31.417 33.861 54.562 33.861h279.619c23.145 0 44.289-13.122 54.562-33.861l6.406-12.931c9.3-18.773-4.359-40.781-25.309-40.781z"
            fill="url(#SVGID_00000080915138301236154420000008302879897955972759_)"
        />
        <path
            d="m424.926 230.626c-5.223-1.647-10.801 1.413-12.564 6.598-3.604 10.597-7.888 20.814-12.78 30.486-2.415 4.775-.642 10.599 4.023 13.22 4.953 2.783 11.248.9 13.812-4.169 5.364-10.603 10.051-21.794 13.978-33.386 1.795-5.301-1.106-11.058-6.469-12.749z"
            fill="#fddbe1"
        />
        <g>
            <path
                d="m429.497 213.891c-5.428-1.021-9-6.248-7.979-11.676.61-3.244 1.17-6.555 1.664-9.838.821-5.463 5.912-9.232 11.376-8.402 5.461.821 9.223 5.914 8.402 11.375-.53 3.525-1.131 7.079-1.786 10.562-1.027 5.454-6.282 8.999-11.677 7.979z"
                fill="#fddbe1"
            />
        </g>
        <g>
            <ellipse
                cx="185.352"
                cy="259.518"
                fill="#f85f7e"
                rx="15.954"
                ry="12.822"
            />
            <ellipse
                cx="373.103"
                cy="259.518"
                fill="#f85f7e"
                rx="15.954"
                ry="12.822"
            />
            <circle cx="212.704" cy="227.882" fill="#fff" r="31.636" />
            <circle cx="345.751" cy="227.882" fill="#fff" r="31.636" />
            <g fill="#383842">
                <circle cx="212.704" cy="227.882" r="18.855" />
                <circle cx="345.751" cy="227.882" r="18.855" />
            </g>
            <g>
                <path
                    d="m279.227 260.181c-5.524 0-11.045-2.088-15.551-6.266-2.025-1.877-2.145-5.041-.267-7.066 1.877-2.025 5.041-2.145 7.066-.267 5.153 4.778 12.351 4.778 17.505 0 2.025-1.878 5.188-1.758 7.066.267 1.877 2.025 1.758 5.189-.267 7.066-4.505 4.177-10.029 6.266-15.552 6.266z"
                    fill="#383842"
                />
            </g>
        </g>
        <path
            d="m212.076 158.015h-101.585c-6.511 0-12.768-1.228-18.548-3.465.208 10.373.939 21.022 2.206 31.783 5.301 1.093 10.766 1.682 16.342 1.682h101.585c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
            fill="#fd748d"
        />
        <path
            d="m468.653 58.056h-378.852c-19.684 0-35.138 16.975-33.179 36.56.722 7.218 1.788 14.411 3.196 21.548 4.789 24.27 25.934 41.852 50.672 41.852h337.474c24.747 0 45.89-17.595 50.676-41.874 1.407-7.138 2.471-14.328 3.192-21.537 1.958-19.582-13.5-36.549-33.179-36.549z"
            fill="url(#SVGID_00000119096052345779222750000006573607247246180024_)"
        />
    </g>
</svg>
More icons in the same style and category