Add icons to this collection by clicking the heart icon.
Espresso icon - also known as mug, coffee maker, espresso, drip, electronics, coffee machine, hot coffee, and food and restaurant. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0 192.696 60L385.392 0v-276.544l-188.438-40L0-276.544z"
transform="matrix(1.33333 0 0 -1.33333 84.406 209.665)"
fill="#75cff9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-292.777l31 6.58V-9.653Z"
transform="matrix(1.33333 0 0 -1.33333 556.928 196.794)"
fill="#62a4fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-26.316c-28.862 0-52.259 23.397-52.259 52.259v68.554a5.663 5.663 0 0 0 5.663 5.663H46.595a5.663 5.663 0 0 0 5.663-5.663V52.259C52.258 23.397 28.861 0 0 0"
transform="translate(269.158 78.207)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28a5.662 5.662 0 0 0 5.663-5.663v-68.554c0-28.579-22.945-51.786-51.416-52.237.281-.005.559-.022.841-.022h26.317c28.861 0 52.258 23.397 52.258 52.259v68.555A5.662 5.662 0 0 1 0 0"
transform="translate(315.753 204.683)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40.358c0-5.523 4.477-10.001 10-10.001h77.831c5.523 0 10 4.478 10 10.001V0Z"
transform="translate(207.068 324.89)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.408 0-26.088-11.681-26.088-26.088 0-14.408 11.68-26.089 26.088-26.089 14.408 0 26.088 11.681 26.088 26.089C26.088-11.681 14.408 0 0 0"
transform="translate(255.982 293.304)"
fill="#5d91b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.793-4.697 10.489-10.49 10.489h-364.412c-5.794 0-10.49-4.696-10.49-10.489v-139.26h76.739c2.587 0 5.074-1.003 6.938-2.798l22.281-21.465a19.999 19.999 0 0 1 13.876-5.597h145.723a19.999 19.999 0 0 1 13.876 5.597l22.282 21.465a10 10 0 0 0 6.938 2.798H0Z"
transform="translate(448.696 494.01)"
fill="#5d91b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31c5.793 0 10.49-4.696 10.49-10.489v-139.26h31v139.26C10.49-4.696 5.793 0 0 0"
transform="translate(438.206 504.5)"
fill="#4980ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-54.588a5.17 5.17 0 0 1 5.17-5.17h87.492a5.17 5.17 0 0 1 5.17 5.17V0a5.171 5.171 0 0 1-5.17 5.17H5.17A5.17 5.17 0 0 1 0 0"
transform="translate(207.066 456.2)"
fill="#f1cd88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.217c0-5.794 4.696-10.49 10.49-10.49h364.412c5.793 0 10.49 4.696 10.49 10.49V0Z"
transform="translate(63.304 78.207)"
fill="#5d91b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.217c0-5.794-4.697-10.49-10.49-10.49h31c5.793 0 10.49 4.696 10.49 10.49V0Z"
transform="translate(417.696 78.207)"
fill="#4980ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.872-25.8h201.454L149.71 0a19.127 19.127 0 0 1-13.503 5.582H13.503A19.123 19.123 0 0 1 0 0"
transform="translate(181.127 33.3)"
fill="#407194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v90.293"
transform="translate(63.304 78.207)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-276.544"
transform="translate(448.696 354.751)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v151.251"
transform="translate(63.304 203.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-25.32C-39.34 0-50.7 11.36-50.7 25.38s11.36 25.38 25.38 25.38H0"
transform="translate(190.58 135.58)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-28.861 0-52.258 23.397-52.258 52.259v68.554a5.663 5.663 0 0 0 5.663 5.663H72.912a5.663 5.663 0 0 0 5.663-5.663V52.259C78.575 23.397 55.178 0 26.316 0"
transform="translate(242.842 78.207)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.358c0-5.521 4.47-10.001 10-10.001h13.862"
transform="translate(207.068 324.89)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.869c5.52 0 10 4.48 10 10.001v40.358"
transform="translate(281.03 274.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-14.408 0-26.088-11.681-26.088-26.088 0-14.408 11.68-26.089 26.088-26.089 14.408 0 26.088 11.681 26.088 26.089C26.088-11.681 14.408 0 0 0Z"
transform="translate(255.982 293.304)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-291.923c-5.794 0-10.49-4.696-10.49-10.489v-139.26h76.739c2.587 0 5.074-1.003 6.938-2.798l22.281-21.466a19.998 19.998 0 0 1 13.876-5.596h145.723a19.998 19.998 0 0 1 13.876 5.596l22.282 21.466a10 10 0 0 0 6.938 2.798h76.739v139.26C82.979-4.696 78.282 0 72.489 0H35"
transform="translate(365.717 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-54.588a5.17 5.17 0 0 1 5.17-5.17h87.492a5.17 5.17 0 0 1 5.17 5.17V0a5.171 5.171 0 0 1-5.17 5.17H5.17A5.17 5.17 0 0 1 0 0Z"
transform="translate(207.066 456.2)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.582"
transform="translate(357.486 447.114)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.582"
transform="translate(357.486 410.697)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.582"
transform="translate(136.932 447.114)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.582"
transform="translate(136.932 410.697)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.217c0-5.794 4.696-10.49 10.49-10.49h364.412c5.793 0 10.49 4.696 10.49 10.49V0Z"
transform="translate(63.304 78.207)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.872 25.8a19.127 19.127 0 0 1-13.503 5.582h-122.703a19.128 19.128 0 0 1-13.504-5.582L-201.454 0"
transform="translate(356.709 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category