Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, drinks, warning, signaling, seeds, bean, allergy, and food and restaurant. Created in a clean blue style with a white, silver, and blue 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 300 300"
>
<g fill="#2e58ff">
<path
d="M150 266c-63.963 0-116-52.037-116-116S86.037 34 150 34c63.961 0 116 52.037 116 116s-52.039 116-116 116zm0-224C90.449 42 42 90.449 42 150s48.449 108 108 108 108-48.449 108-108S209.551 42 150 42z"
/>
<path
d="M206 98a4 4 0 0 1-2.828-6.828l22.555-22.555a4 4 0 1 1 5.656 5.656l-22.555 22.555A3.988 3.988 0 0 1 206 98zM71.156 232.844a4 4 0 0 1-2.828-6.828l30.844-30.844a4 4 0 1 1 5.656 5.656l-30.844 30.844a3.987 3.987 0 0 1-2.828 1.172zM231.656 147.656a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M220.344 147.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172z"
/>
<circle cx="74" cy="182" r="4" />
<circle cx="254" cy="54" r="4" />
<path
d="M72 154c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
/>
</g>
<path
fill="#92ceff"
d="M194 103.03c-4.782-19.541-22.361-34.061-43.376-34.061s-38.594 14.52-43.376 34.061"
/>
<path
fill="#2e58ff"
d="M107.252 107.031a3.999 3.999 0 0 1-3.889-4.951c5.348-21.85 24.783-37.111 47.262-37.111 22.48 0 41.914 15.262 47.262 37.111a4 4 0 0 1-2.938 4.836c-2.125.516-4.309-.787-4.836-2.934-4.465-18.26-20.703-31.014-39.488-31.014-18.783 0-35.021 12.754-39.492 31.014a4 4 0 0 1-3.881 3.049z"
/>
<path fill="#92ceff" d="M188.7 132.85 182 230h-64l-8-116h80" />
<path
fill="#2e58ff"
d="M182 234h-64a3.999 3.999 0 0 1-3.99-3.725l-8-116c-.076-1.105.311-2.193 1.066-3.004S108.891 110 110 110h80c2.211 0 4 1.791 4 4s-1.789 4-4 4h-75.715l7.449 108h56.531l6.441-93.426c.156-2.205 2.086-3.84 4.266-3.715a4.003 4.003 0 0 1 3.719 4.266l-6.699 97.15A4 4 0 0 1 182 234z"
/>
<path fill="#fff" d="M102 102h96v12h-96z" />
<path
fill="#2e58ff"
d="M198 118h-96a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h96c2.211 0 4 1.791 4 4v12c0 2.209-1.789 4-4 4zm-92-8h88v-4h-88z"
/>
<path
fill="#cceaff"
d="M168.927 184.927c-6.764 6.764-17.73 6.764-24.494 0l-13.36-13.36c-6.764-6.764-6.764-17.73 0-24.494 6.764-6.764 17.73-6.764 24.494 0l13.36 13.36c6.764 6.764 6.764 17.73 0 24.494z"
/>
<path
fill="#2e58ff"
d="M156.68 194a21.172 21.172 0 0 1-15.074-6.244l-13.361-13.361c-8.312-8.312-8.312-21.838 0-30.15 4.027-4.027 9.381-6.244 15.076-6.244s11.051 2.217 15.074 6.244l13.359 13.361A21.179 21.179 0 0 1 178 172.682a21.181 21.181 0 0 1-6.246 15.074A21.176 21.176 0 0 1 156.68 194zm-13.36-48a13.236 13.236 0 0 0-9.42 3.9c-5.193 5.193-5.193 13.645 0 18.838l13.361 13.361c5.031 5.031 13.805 5.031 18.836 0a13.233 13.233 0 0 0 3.902-9.418c0-3.559-1.387-6.904-3.902-9.42L152.738 149.9a13.23 13.23 0 0 0-9.418-3.9z"
/>
<path
fill="#92ceff"
d="m130 150 5.332 1.406c7.5 1.977 13.677 7.363 16.73 14.588 3.025 7.16 9.12 12.517 16.538 14.536l3.058.832"
/>
<path
fill="#2e58ff"
d="M171.66 185.363c-.348 0-.703-.047-1.055-.143l-3.059-.832c-8.66-2.359-15.645-8.496-19.168-16.838-2.555-6.039-7.812-10.629-14.066-12.277l-5.332-1.406a3.998 3.998 0 0 1-2.848-4.887 3.996 3.996 0 0 1 4.887-2.848l5.332 1.406c8.633 2.273 15.883 8.592 19.395 16.896 2.562 6.066 7.629 10.525 13.902 12.234l3.059.832a4 4 0 0 1 2.809 4.91 4.004 4.004 0 0 1-3.856 2.953zM134.002 90.002a4 4 0 0 1-3.678-2.426l-12-28a3.999 3.999 0 0 1 2.1-5.252 3.997 3.997 0 0 1 5.252 2.1l12 28a3.999 3.999 0 0 1-2.1 5.252 3.997 3.997 0 0 1-1.574.326z"
/>
</svg>
More icons in the same style and category