espresso machine emoji
espresso-machine from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- espresso-machine
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the espresso machine emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="48" height="48" x="12" y="12" fill="#9b9b9a" rx="1"/><path fill="#d0cfce" d="M24 26h23l-2 8H26z"/><circle cx="35" cy="19" r="4" fill="#fff"/><path stroke="#d22f27" stroke-linecap="round" stroke-width="2" d="M35 19v-1"/><path fill="#a57939" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4"/><circle cx="53.5" cy="18.5" r="2.5" fill="#d22f27"/><path fill="#fff" d="M25 52h20l-2 3H27z"/><g fill="#fff"><path fill-rule="evenodd" d="M35 53c3.314 0 6-4.477 6-10H29c0 5.523 2.686 10 6 10" clip-rule="evenodd"/><path d="M41 43h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557C37.395 51.206 36.168 52 35 52v2c2.146 0 3.918-1.445 5.1-3.414C41.294 48.596 42 45.91 42 43zm-11 1h12v-2H29zm6 8c-1.168 0-2.395-.794-3.385-2.443C30.637 47.927 30 45.61 30 43h-2c0 2.911.706 5.596 1.9 7.586C31.082 52.556 32.854 54 35 54z"/></g><circle cx="53.5" cy="18.5" r="2.5" fill="none" stroke="#d0cfce" stroke-width="2"/><g stroke="#000" stroke-width="2"><rect width="48" height="48" x="12" y="12" fill="none" stroke-linejoin="round" rx="1"/><path fill="none" d="M12 26h12"/><path fill="none" stroke-linecap="round" d="M56 26h4"/><path d="M12 55h48"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M40.5 26H24l2 8h18"/><circle cx="35" cy="19" r="4" fill="none"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M30.2 49c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path fill="none" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4Z"/><path fill="none" stroke-linecap="round" d="M53.5 21a2.5 2.5 0 0 1 0-5"/><path fill="none" stroke-linejoin="round" d="M25 52h20l-2 3H27z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiEspressoMachine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="48" height="48" x="12" y="12" fill="#9b9b9a" rx="1"/><path fill="#d0cfce" d="M24 26h23l-2 8H26z"/><circle cx="35" cy="19" r="4" fill="#fff"/><path stroke="#d22f27" strokeLinecap="round" strokeWidth="2" d="M35 19v-1"/><path fill="#a57939" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4"/><circle cx="53.5" cy="18.5" r="2.5" fill="#d22f27"/><path fill="#fff" d="M25 52h20l-2 3H27z"/><g fill="#fff"><path fillRule="evenodd" d="M35 53c3.314 0 6-4.477 6-10H29c0 5.523 2.686 10 6 10" clipRule="evenodd"/><path d="M41 43h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557C37.395 51.206 36.168 52 35 52v2c2.146 0 3.918-1.445 5.1-3.414C41.294 48.596 42 45.91 42 43zm-11 1h12v-2H29zm6 8c-1.168 0-2.395-.794-3.385-2.443C30.637 47.927 30 45.61 30 43h-2c0 2.911.706 5.596 1.9 7.586C31.082 52.556 32.854 54 35 54z"/></g><circle cx="53.5" cy="18.5" r="2.5" fill="none" stroke="#d0cfce" strokeWidth="2"/><g stroke="#000" strokeWidth="2"><rect width="48" height="48" x="12" y="12" fill="none" strokeLinejoin="round" rx="1"/><path fill="none" d="M12 26h12"/><path fill="none" strokeLinecap="round" d="M56 26h4"/><path d="M12 55h48"/><path fill="none" strokeLinecap="round" strokeLinejoin="round" d="M40.5 26H24l2 8h18"/><circle cx="35" cy="19" r="4" fill="none"/><path fill="none" strokeLinecap="round" strokeLinejoin="round" d="M30.2 49c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path fill="none" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4Z"/><path fill="none" strokeLinecap="round" d="M53.5 21a2.5 2.5 0 0 1 0-5"/><path fill="none" strokeLinejoin="round" d="M25 52h20l-2 3H27z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="48" height="48" x="12" y="12" fill="#9b9b9a" rx="1"/><path fill="#d0cfce" d="M24 26h23l-2 8H26z"/><circle cx="35" cy="19" r="4" fill="#fff"/><path stroke="#d22f27" stroke-linecap="round" stroke-width="2" d="M35 19v-1"/><path fill="#a57939" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4"/><circle cx="53.5" cy="18.5" r="2.5" fill="#d22f27"/><path fill="#fff" d="M25 52h20l-2 3H27z"/><g fill="#fff"><path fill-rule="evenodd" d="M35 53c3.314 0 6-4.477 6-10H29c0 5.523 2.686 10 6 10" clip-rule="evenodd"/><path d="M41 43h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557C37.395 51.206 36.168 52 35 52v2c2.146 0 3.918-1.445 5.1-3.414C41.294 48.596 42 45.91 42 43zm-11 1h12v-2H29zm6 8c-1.168 0-2.395-.794-3.385-2.443C30.637 47.927 30 45.61 30 43h-2c0 2.911.706 5.596 1.9 7.586C31.082 52.556 32.854 54 35 54z"/></g><circle cx="53.5" cy="18.5" r="2.5" fill="none" stroke="#d0cfce" stroke-width="2"/><g stroke="#000" stroke-width="2"><rect width="48" height="48" x="12" y="12" fill="none" stroke-linejoin="round" rx="1"/><path fill="none" d="M12 26h12"/><path fill="none" stroke-linecap="round" d="M56 26h4"/><path d="M12 55h48"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M40.5 26H24l2 8h18"/><circle cx="35" cy="19" r="4" fill="none"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M30.2 49c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path fill="none" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4Z"/><path fill="none" stroke-linecap="round" d="M53.5 21a2.5 2.5 0 0 1 0-5"/><path fill="none" stroke-linejoin="round" d="M25 52h20l-2 3H27z"/></g></svg> </template>
CSS
.icon-espresso-machine {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%2212%22%20y%3D%2212%22%20fill%3D%22%239b9b9a%22%20rx%3D%221%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M24%2026h23l-2%208H26z%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2219%22%20r%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23d22f27%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M35%2019v-1%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M18.152%2015.358a1%201%200%200%201%201.696%200l.37.593a1%201%200%200%200%20.814.47l.698.024a1%201%200%200%201%20.848%201.469l-.328.616a1%201%200%200%200%200%20.94l.328.616a1%201%200%200%201-.848%201.47l-.698.024a1%201%200%200%200-.814.47l-.37.592a1%201%200%200%201-1.696%200l-.37-.593a1%201%200%200%200-.814-.47l-.698-.024a1%201%200%200%201-.848-1.469l.328-.616a1%201%200%200%200%200-.94l-.328-.616a1%201%200%200%201%20.848-1.47l.698-.024a1%201%200%200%200%20.814-.47zM39%2028c0%202.21%207.79%204%2010%204a4%204%200%200%200%200-8c-2.21%200-10%201.79-10%204%22%2F%3E%3Ccircle%20cx%3D%2253.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23d22f27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25%2052h20l-2%203H27z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M35%2053c3.314%200%206-4.477%206-10H29c0%205.523%202.686%2010%206%2010%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M41%2043h1a1%201%200%200%200-1-1zm-12%200v-1a1%201%200%200%200-1%201zm11%200c0%202.611-.637%204.927-1.615%206.557C37.395%2051.206%2036.168%2052%2035%2052v2c2.146%200%203.918-1.445%205.1-3.414C41.294%2048.596%2042%2045.91%2042%2043zm-11%201h12v-2H29zm6%208c-1.168%200-2.395-.794-3.385-2.443C30.637%2047.927%2030%2045.61%2030%2043h-2c0%202.911.706%205.596%201.9%207.586C31.082%2052.556%2032.854%2054%2035%2054z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2253.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22%23d0cfce%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%2212%22%20y%3D%2212%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20rx%3D%221%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M12%2026h12%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20d%3D%22M56%2026h4%22%2F%3E%3Cpath%20d%3D%22M12%2055h48%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.5%2026H24l2%208h18%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2219%22%20r%3D%224%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M30.2%2049c-.754-1.671-1.2-3.749-1.2-6h12c0%202.251-.446%204.329-1.2%206%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M18.152%2015.358a1%201%200%200%201%201.696%200l.37.593a1%201%200%200%200%20.814.47l.698.024a1%201%200%200%201%20.848%201.469l-.328.616a1%201%200%200%200%200%20.94l.328.616a1%201%200%200%201-.848%201.47l-.698.024a1%201%200%200%200-.814.47l-.37.592a1%201%200%200%201-1.696%200l-.37-.593a1%201%200%200%200-.814-.47l-.698-.024a1%201%200%200%201-.848-1.469l.328-.616a1%201%200%200%200%200-.94l-.328-.616a1%201%200%200%201%20.848-1.47l.698-.024a1%201%200%200%200%20.814-.47zM39%2028c0%202.21%207.79%204%2010%204a4%204%200%200%200%200-8c-2.21%200-10%201.79-10%204Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20d%3D%22M53.5%2021a2.5%202.5%200%200%201%200-5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20d%3D%22M25%2052h20l-2%203H27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%2212%22%20y%3D%2212%22%20fill%3D%22%239b9b9a%22%20rx%3D%221%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M24%2026h23l-2%208H26z%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2219%22%20r%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23d22f27%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M35%2019v-1%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M18.152%2015.358a1%201%200%200%201%201.696%200l.37.593a1%201%200%200%200%20.814.47l.698.024a1%201%200%200%201%20.848%201.469l-.328.616a1%201%200%200%200%200%20.94l.328.616a1%201%200%200%201-.848%201.47l-.698.024a1%201%200%200%200-.814.47l-.37.592a1%201%200%200%201-1.696%200l-.37-.593a1%201%200%200%200-.814-.47l-.698-.024a1%201%200%200%201-.848-1.469l.328-.616a1%201%200%200%200%200-.94l-.328-.616a1%201%200%200%201%20.848-1.47l.698-.024a1%201%200%200%200%20.814-.47zM39%2028c0%202.21%207.79%204%2010%204a4%204%200%200%200%200-8c-2.21%200-10%201.79-10%204%22%2F%3E%3Ccircle%20cx%3D%2253.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23d22f27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25%2052h20l-2%203H27z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M35%2053c3.314%200%206-4.477%206-10H29c0%205.523%202.686%2010%206%2010%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M41%2043h1a1%201%200%200%200-1-1zm-12%200v-1a1%201%200%200%200-1%201zm11%200c0%202.611-.637%204.927-1.615%206.557C37.395%2051.206%2036.168%2052%2035%2052v2c2.146%200%203.918-1.445%205.1-3.414C41.294%2048.596%2042%2045.91%2042%2043zm-11%201h12v-2H29zm6%208c-1.168%200-2.395-.794-3.385-2.443C30.637%2047.927%2030%2045.61%2030%2043h-2c0%202.911.706%205.596%201.9%207.586C31.082%2052.556%2032.854%2054%2035%2054z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2253.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22%23d0cfce%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%2212%22%20y%3D%2212%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20rx%3D%221%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M12%2026h12%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20d%3D%22M56%2026h4%22%2F%3E%3Cpath%20d%3D%22M12%2055h48%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.5%2026H24l2%208h18%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2219%22%20r%3D%224%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M30.2%2049c-.754-1.671-1.2-3.749-1.2-6h12c0%202.251-.446%204.329-1.2%206%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M18.152%2015.358a1%201%200%200%201%201.696%200l.37.593a1%201%200%200%200%20.814.47l.698.024a1%201%200%200%201%20.848%201.469l-.328.616a1%201%200%200%200%200%20.94l.328.616a1%201%200%200%201-.848%201.47l-.698.024a1%201%200%200%200-.814.47l-.37.592a1%201%200%200%201-1.696%200l-.37-.593a1%201%200%200%200-.814-.47l-.698-.024a1%201%200%200%201-.848-1.469l.328-.616a1%201%200%200%200%200-.94l-.328-.616a1%201%200%200%201%20.848-1.47l.698-.024a1%201%200%200%200%20.814-.47zM39%2028c0%202.21%207.79%204%2010%204a4%204%200%200%200%200-8c-2.21%200-10%201.79-10%204Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20d%3D%22M53.5%2021a2.5%202.5%200%200%201%200-5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20d%3D%22M25%2052h20l-2%203H27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/espresso-machine.svg?color=%231a73e8&size=48
