Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, breakfast, coffee, tea, mug, coffee break, pancakes, and food and restaurant. Created in a clean flat style with a white, silver, gray, red, and orange 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 512 512"
>
<circle cx="256" cy="256" r="256" fill="#7584f2" />
<path
fill="#4855b7"
d="M512 256c0-1.018-.006-2.034-.018-3.049l-67.256-67.256-2.024 6.255-57.163-57.163-57.812 166.908-228.271 4.909 20.817 20.817-21.689 13.447 41.368 41.368-62.095 17.093 100.77 100.77C203.038 507.83 229.032 512 256 512c141.385 0 256-114.615 256-256z"
/>
<path
fill="#cdd2e1"
d="M413.577 331.416h-66.723V171.913h66.723c23.245 0 42.156 18.911 42.156 42.156v75.191c-.001 23.245-18.912 42.156-42.156 42.156zm-36.723-30h36.723c6.703 0 12.156-5.453 12.156-12.156v-75.191c0-6.703-5.453-12.156-12.156-12.156h-36.723z"
/>
<path fill="#fff" d="M187.458 134.787h198.081v264.542H187.458z" />
<path fill="#e9edf5" d="M286.843 134.787h98.695v264.542h-98.695z" />
<path
fill="#ffce00"
d="M280.248 380.965H111.209c-10.555 0-19.112-8.557-19.112-19.112 0-10.555 8.557-19.112 19.112-19.112h169.039c10.555 0 19.112 8.557 19.112 19.112 0 10.555-8.557 19.112-19.112 19.112z"
/>
<path
fill="#fdba12"
d="M280.248 342.741H195.88v38.224h84.369c10.555 0 19.112-8.557 19.112-19.112-.001-10.555-8.558-19.112-19.113-19.112z"
/>
<path
fill="#ffce00"
d="M280.248 310.651H111.209c-10.555 0-19.112-8.557-19.112-19.112 0-10.555 8.557-19.112 19.112-19.112h169.039c10.555 0 19.112 8.557 19.112 19.112 0 10.555-8.557 19.112-19.112 19.112z"
/>
<path
fill="#fdba12"
d="M280.248 272.427H195.88v38.224h84.369c10.555 0 19.112-8.557 19.112-19.112s-8.558-19.112-19.113-19.112z"
/>
<path
fill="#fa0"
d="M280.248 345.637H111.209c-10.555 0-19.112-8.557-19.112-19.112 0-10.555 8.557-19.112 19.112-19.112h169.039c10.555 0 19.112 8.557 19.112 19.112 0 10.556-8.557 19.112-19.112 19.112z"
/>
<path
fill="#ff9500"
d="M280.248 307.413H195.88v38.224h84.369c10.555 0 19.112-8.557 19.112-19.112s-8.558-19.112-19.113-19.112z"
/>
<path
fill="#ff6c52"
d="M290.444 409.103h-189.43c-17.863 0-32.344-14.481-32.344-32.344v-1.049h254.117v1.049c0 17.863-14.481 32.344-32.343 32.344z"
/>
<path
fill="#ff432e"
d="M195.88 375.71v33.393h94.564c17.863 0 32.344-14.481 32.344-32.344v-1.049z"
/>
</svg>
More icons in the same style and category