coffee grinder emoji
coffee-grinder from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- coffee-grinder
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the coffee grinder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M38.877 53.905v-13h15.33v9z"/><path fill="#a57939" d="M40.157 19.908h12.855c.662 0 1.199.532 1.199 1.189v20.849H38.76V21.29a1.39 1.39 0 0 1 1.395-1.383Z"/><path fill="#6a462f" fill-rule="evenodd" d="m38.982 54.113l-.074 3.339c0 1.104.237 1.613 1.342 1.613h11.866c1.104 0 1.945-.007 1.945-1.112l-.028-3.418l.028-4.057z"/><path fill="#a57939" d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491"/><path fill="#d0cfce" d="M44 14h5v5h-5z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="m41 53.794l11-2.588"/><path d="M38 21a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v37a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2z"/><path stroke-linejoin="round" d="M44 14h5v5h-5zm0 2h-6l-15 9h-6v-3"/><path d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491Z"/><path stroke-linecap="round" d="M39 41h13"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiCoffeeGrinder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M38.877 53.905v-13h15.33v9z"/><path fill="#a57939" d="M40.157 19.908h12.855c.662 0 1.199.532 1.199 1.189v20.849H38.76V21.29a1.39 1.39 0 0 1 1.395-1.383Z"/><path fill="#6a462f" fillRule="evenodd" d="m38.982 54.113l-.074 3.339c0 1.104.237 1.613 1.342 1.613h11.866c1.104 0 1.945-.007 1.945-1.112l-.028-3.418l.028-4.057z"/><path fill="#a57939" d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491"/><path fill="#d0cfce" d="M44 14h5v5h-5z"/><g fill="none" stroke="#000" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="m41 53.794l11-2.588"/><path d="M38 21a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v37a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2z"/><path strokeLinejoin="round" d="M44 14h5v5h-5zm0 2h-6l-15 9h-6v-3"/><path d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491Z"/><path strokeLinecap="round" d="M39 41h13"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M38.877 53.905v-13h15.33v9z"/><path fill="#a57939" d="M40.157 19.908h12.855c.662 0 1.199.532 1.199 1.189v20.849H38.76V21.29a1.39 1.39 0 0 1 1.395-1.383Z"/><path fill="#6a462f" fill-rule="evenodd" d="m38.982 54.113l-.074 3.339c0 1.104.237 1.613 1.342 1.613h11.866c1.104 0 1.945-.007 1.945-1.112l-.028-3.418l.028-4.057z"/><path fill="#a57939" d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491"/><path fill="#d0cfce" d="M44 14h5v5h-5z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="m41 53.794l11-2.588"/><path d="M38 21a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v37a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2z"/><path stroke-linejoin="round" d="M44 14h5v5h-5zm0 2h-6l-15 9h-6v-3"/><path d="M22 13.528C22 16.556 19.761 22 17 22s-5-5.444-5-8.472s2.239-2.491 5-2.491s5-.536 5 2.491Z"/><path stroke-linecap="round" d="M39 41h13"/></g></svg> </template>
CSS
.icon-coffee-grinder {
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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.877%2053.905v-13h15.33v9z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M40.157%2019.908h12.855c.662%200%201.199.532%201.199%201.189v20.849H38.76V21.29a1.39%201.39%200%200%201%201.395-1.383Z%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22m38.982%2054.113l-.074%203.339c0%201.104.237%201.613%201.342%201.613h11.866c1.104%200%201.945-.007%201.945-1.112l-.028-3.418l.028-4.057z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M22%2013.528C22%2016.556%2019.761%2022%2017%2022s-5-5.444-5-8.472s2.239-2.491%205-2.491s5-.536%205%202.491%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44%2014h5v5h-5z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m41%2053.794l11-2.588%22%2F%3E%3Cpath%20d%3D%22M38%2021a2%202%200%200%201%202-2h13a2%202%200%200%201%202%202v37a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M44%2014h5v5h-5zm0%202h-6l-15%209h-6v-3%22%2F%3E%3Cpath%20d%3D%22M22%2013.528C22%2016.556%2019.761%2022%2017%2022s-5-5.444-5-8.472s2.239-2.491%205-2.491s5-.536%205%202.491Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M39%2041h13%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%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.877%2053.905v-13h15.33v9z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M40.157%2019.908h12.855c.662%200%201.199.532%201.199%201.189v20.849H38.76V21.29a1.39%201.39%200%200%201%201.395-1.383Z%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22m38.982%2054.113l-.074%203.339c0%201.104.237%201.613%201.342%201.613h11.866c1.104%200%201.945-.007%201.945-1.112l-.028-3.418l.028-4.057z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M22%2013.528C22%2016.556%2019.761%2022%2017%2022s-5-5.444-5-8.472s2.239-2.491%205-2.491s5-.536%205%202.491%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44%2014h5v5h-5z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m41%2053.794l11-2.588%22%2F%3E%3Cpath%20d%3D%22M38%2021a2%202%200%200%201%202-2h13a2%202%200%200%201%202%202v37a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M44%2014h5v5h-5zm0%202h-6l-15%209h-6v-3%22%2F%3E%3Cpath%20d%3D%22M22%2013.528C22%2016.556%2019.761%2022%2017%2022s-5-5.444-5-8.472s2.239-2.491%205-2.491s5-.536%205%202.491Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M39%2041h13%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/coffee-grinder.svg?color=%231a73e8&size=48
