Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, drinks, hot drink, take away, coffee shop, coffee cup, coffee breaks, Paper cup, and food and restaurant. Created in a clean gradient style with a 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 502 502"
>
    <linearGradient
        id="b"
        x1="250.998"
        x2="250.998"
        y1="502"
        y2="127"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#03c27e" />
        <stop offset=".979" stop-color="#7edbb1" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ced5d5" />
        <stop offset="1" stop-color="#ededed" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="250.998"
        x2="250.998"
        y1="95.224"
        y2="0"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="251"
        x2="251"
        y1="162.969"
        y2="91.031"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="250.998"
        x2="250.998"
        y1="393.224"
        y2="233.578"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9b897" />
        <stop offset="1" stop-color="#f9cdb7" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="250.9"
        x2="250.9"
        y1="356.986"
        y2="269.816"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".022" stop-color="#4b5762" />
        <stop offset="1" stop-color="#597283" />
    </linearGradient>
    <path
        fill="url(#b)"
        d="m76.956 162.969 54.126 289.966c5.309 28.443 30.135 49.064 59.07 49.064h121.69c28.935 0 53.761-20.621 59.07-49.064l54.126-289.966L250.998 127z"
    />
    <path
        fill="url(#c)"
        d="m90.129 95.224 26.055-65.491A47.17 47.17 0 0 1 160.012 0h56.765a47.126 47.126 0 0 1 28.341 9.464c17.338 13.029 38.336 20.267 60.023 20.267h45.407c21.29 0 40.428 12.983 48.297 32.766l13.019 32.727z"
    />
    <path
        fill="url(#d)"
        d="M425.039 162.969H76.956c-13.86 0-24.114-11.365-24.114-24.084 0-3.091.606-6.263 1.909-9.365a62.944 62.944 0 0 1 35.378-34.297 62.798 62.798 0 0 1 22.599-4.192h276.539a62.82 62.82 0 0 1 22.599 4.192 62.944 62.944 0 0 1 35.378 34.297c6.687 15.882-4.971 33.449-22.205 33.449z"
    />
    <path
        fill="#01bc72"
        d="m187.536 391.45-69.583-8.855 7.584 40.628h59.986c8.809 0 15.95-7.141 15.95-15.95-.001-8.031-5.971-14.809-13.937-15.823z"
    />
    <path
        fill="url(#e)"
        d="M394.125 233.578H107.87c-14.325 0-25.129 13.008-22.501 27.09l20.5 109.823c2.46 13.178 13.962 22.732 27.368 22.732h235.521c13.406 0 24.908-9.554 27.368-22.732l20.5-109.824c2.629-14.08-8.176-27.089-22.501-27.089z"
    />
    <path
        fill="url(#f)"
        d="M279.641 269.816c-11.098 0-21.195 4.279-28.741 11.282-7.546-7.004-17.643-11.282-28.741-11.282-32.736 0-43.571 36.328-68.138 50.921-7.667 4.554-8.53 15.358-1.779 21.183 10.841 9.353 25.316 15.065 41.217 15.065 26.551 0 49.128-15.933 57.44-38.15 8.312 22.217 30.889 38.15 57.44 38.15 15.901 0 30.376-5.712 41.217-15.065 6.752-5.825 5.888-16.629-1.779-21.183-24.565-14.593-35.4-50.921-68.136-50.921z"
    />
    <path
        fill="#01bc72"
        d="M213.897 192.968c8.284 0 14.999-6.715 14.999-14.999s-6.715-14.999-14.999-14.999H76.956l5.6 29.998z"
    />
</svg>
More icons in the same style and category