roasted coffee bean emoji
roasted-coffee-bean from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- roasted-coffee-bean
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the roasted coffee bean emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36" cy="36" fill="#a57939" rx="19" ry="28"/><path fill="#6a462f" fill-rule="evenodd" d="M36.313 64c-.015 0-.02-.021-.005-.026c8.326-2.834 14.553-14.26 14.553-27.923c0-13.671-6.234-25.102-14.567-27.928c-.067-.023-.052-.123.019-.123C46.633 8 55 20.536 55 36s-8.367 28-18.687 28"/><g fill="#6a462f"><path fill-rule="evenodd" d="M36 61s-6-11.193-6-25c0-13.76 5.96-24.924 6-25c-.029.054-3 5.63-3 12.5c0 6.903 3 12.5 3 12.5s3 5.596 3 12.5S36 61 36 61"/><path d="m36 61l-.881.472a1 1 0 0 0 1.762 0zm0-50l.882.471a1 1 0 0 0-1.764-.943zm0 25l.881-.473zm-7 0c0 7.042 1.529 13.402 3.05 17.992a60 60 0 0 0 2.099 5.45a42 42 0 0 0 .895 1.886l.054.104l.014.028l.005.008v.003h.001L36 61q.881-.473.882-.472v-.001l-.003-.004l-.011-.021l-.046-.09q-.063-.12-.183-.362a41 41 0 0 1-.663-1.421a58 58 0 0 1-2.027-5.266C32.471 48.904 31 42.764 31 36zm6.118-25.472C35.055 10.648 29 21.988 29 36h2c0-13.51 5.864-24.495 5.882-24.528zM34 23.5c0-3.297.714-6.299 1.439-8.493c.723-2.19 1.447-3.544 1.443-3.536l-1.764-.942c-.052.096-3.118 5.85-3.118 12.97zM36 36q.881-.473.882-.472l-.001-.001l-.004-.009l-.109-.214c-.077-.156-.188-.39-.323-.693a29 29 0 0 1-.996-2.587C34.721 29.827 34 26.812 34 23.5h-2c0 3.59.78 6.825 1.552 9.153a31 31 0 0 0 1.066 2.77a22 22 0 0 0 .46.97l.03.056q.004.01.008.015l.002.005v.002h.001zm0 0l-.882.472h.001l.005.01l.108.213c.077.156.188.39.323.693c.27.607.633 1.492.996 2.587c.728 2.197 1.45 5.212 1.45 8.525h2c0-3.591-.78-6.826-1.552-9.154a31 31 0 0 0-1.066-2.77a22 22 0 0 0-.49-1.025l-.008-.016l-.002-.005v-.002h-.001zm2 12.5c0 3.312-.721 6.327-1.45 8.524a29 29 0 0 1-.995 2.587a20 20 0 0 1-.432.907l-.004.009l.88.473l.883.472v-.003l.003-.005l.009-.015l.029-.056l.103-.205c.087-.178.21-.435.356-.764a31 31 0 0 0 1.067-2.77C39.221 55.324 40 52.09 40 48.5z"/></g><g fill="none" stroke="#000" stroke-width="2"><ellipse cx="36" cy="36" rx="19" ry="28"/><path stroke-linecap="round" stroke-linejoin="round" d="M36 36s-3-5.596-3-12.5S36 11 36 11m0 25s3 5.596 3 12.5S36 61 36 61"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiRoastedCoffeeBean(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36" cy="36" fill="#a57939" rx="19" ry="28"/><path fill="#6a462f" fillRule="evenodd" d="M36.313 64c-.015 0-.02-.021-.005-.026c8.326-2.834 14.553-14.26 14.553-27.923c0-13.671-6.234-25.102-14.567-27.928c-.067-.023-.052-.123.019-.123C46.633 8 55 20.536 55 36s-8.367 28-18.687 28"/><g fill="#6a462f"><path fillRule="evenodd" d="M36 61s-6-11.193-6-25c0-13.76 5.96-24.924 6-25c-.029.054-3 5.63-3 12.5c0 6.903 3 12.5 3 12.5s3 5.596 3 12.5S36 61 36 61"/><path d="m36 61l-.881.472a1 1 0 0 0 1.762 0zm0-50l.882.471a1 1 0 0 0-1.764-.943zm0 25l.881-.473zm-7 0c0 7.042 1.529 13.402 3.05 17.992a60 60 0 0 0 2.099 5.45a42 42 0 0 0 .895 1.886l.054.104l.014.028l.005.008v.003h.001L36 61q.881-.473.882-.472v-.001l-.003-.004l-.011-.021l-.046-.09q-.063-.12-.183-.362a41 41 0 0 1-.663-1.421a58 58 0 0 1-2.027-5.266C32.471 48.904 31 42.764 31 36zm6.118-25.472C35.055 10.648 29 21.988 29 36h2c0-13.51 5.864-24.495 5.882-24.528zM34 23.5c0-3.297.714-6.299 1.439-8.493c.723-2.19 1.447-3.544 1.443-3.536l-1.764-.942c-.052.096-3.118 5.85-3.118 12.97zM36 36q.881-.473.882-.472l-.001-.001l-.004-.009l-.109-.214c-.077-.156-.188-.39-.323-.693a29 29 0 0 1-.996-2.587C34.721 29.827 34 26.812 34 23.5h-2c0 3.59.78 6.825 1.552 9.153a31 31 0 0 0 1.066 2.77a22 22 0 0 0 .46.97l.03.056q.004.01.008.015l.002.005v.002h.001zm0 0l-.882.472h.001l.005.01l.108.213c.077.156.188.39.323.693c.27.607.633 1.492.996 2.587c.728 2.197 1.45 5.212 1.45 8.525h2c0-3.591-.78-6.826-1.552-9.154a31 31 0 0 0-1.066-2.77a22 22 0 0 0-.49-1.025l-.008-.016l-.002-.005v-.002h-.001zm2 12.5c0 3.312-.721 6.327-1.45 8.524a29 29 0 0 1-.995 2.587a20 20 0 0 1-.432.907l-.004.009l.88.473l.883.472v-.003l.003-.005l.009-.015l.029-.056l.103-.205c.087-.178.21-.435.356-.764a31 31 0 0 0 1.067-2.77C39.221 55.324 40 52.09 40 48.5z"/></g><g fill="none" stroke="#000" strokeWidth="2"><ellipse cx="36" cy="36" rx="19" ry="28"/><path strokeLinecap="round" strokeLinejoin="round" d="M36 36s-3-5.596-3-12.5S36 11 36 11m0 25s3 5.596 3 12.5S36 61 36 61"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36" cy="36" fill="#a57939" rx="19" ry="28"/><path fill="#6a462f" fill-rule="evenodd" d="M36.313 64c-.015 0-.02-.021-.005-.026c8.326-2.834 14.553-14.26 14.553-27.923c0-13.671-6.234-25.102-14.567-27.928c-.067-.023-.052-.123.019-.123C46.633 8 55 20.536 55 36s-8.367 28-18.687 28"/><g fill="#6a462f"><path fill-rule="evenodd" d="M36 61s-6-11.193-6-25c0-13.76 5.96-24.924 6-25c-.029.054-3 5.63-3 12.5c0 6.903 3 12.5 3 12.5s3 5.596 3 12.5S36 61 36 61"/><path d="m36 61l-.881.472a1 1 0 0 0 1.762 0zm0-50l.882.471a1 1 0 0 0-1.764-.943zm0 25l.881-.473zm-7 0c0 7.042 1.529 13.402 3.05 17.992a60 60 0 0 0 2.099 5.45a42 42 0 0 0 .895 1.886l.054.104l.014.028l.005.008v.003h.001L36 61q.881-.473.882-.472v-.001l-.003-.004l-.011-.021l-.046-.09q-.063-.12-.183-.362a41 41 0 0 1-.663-1.421a58 58 0 0 1-2.027-5.266C32.471 48.904 31 42.764 31 36zm6.118-25.472C35.055 10.648 29 21.988 29 36h2c0-13.51 5.864-24.495 5.882-24.528zM34 23.5c0-3.297.714-6.299 1.439-8.493c.723-2.19 1.447-3.544 1.443-3.536l-1.764-.942c-.052.096-3.118 5.85-3.118 12.97zM36 36q.881-.473.882-.472l-.001-.001l-.004-.009l-.109-.214c-.077-.156-.188-.39-.323-.693a29 29 0 0 1-.996-2.587C34.721 29.827 34 26.812 34 23.5h-2c0 3.59.78 6.825 1.552 9.153a31 31 0 0 0 1.066 2.77a22 22 0 0 0 .46.97l.03.056q.004.01.008.015l.002.005v.002h.001zm0 0l-.882.472h.001l.005.01l.108.213c.077.156.188.39.323.693c.27.607.633 1.492.996 2.587c.728 2.197 1.45 5.212 1.45 8.525h2c0-3.591-.78-6.826-1.552-9.154a31 31 0 0 0-1.066-2.77a22 22 0 0 0-.49-1.025l-.008-.016l-.002-.005v-.002h-.001zm2 12.5c0 3.312-.721 6.327-1.45 8.524a29 29 0 0 1-.995 2.587a20 20 0 0 1-.432.907l-.004.009l.88.473l.883.472v-.003l.003-.005l.009-.015l.029-.056l.103-.205c.087-.178.21-.435.356-.764a31 31 0 0 0 1.067-2.77C39.221 55.324 40 52.09 40 48.5z"/></g><g fill="none" stroke="#000" stroke-width="2"><ellipse cx="36" cy="36" rx="19" ry="28"/><path stroke-linecap="round" stroke-linejoin="round" d="M36 36s-3-5.596-3-12.5S36 11 36 11m0 25s3 5.596 3 12.5S36 61 36 61"/></g></svg> </template>
CSS
.icon-roasted-coffee-bean {
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%3Cellipse%20cx%3D%2236%22%20cy%3D%2236%22%20fill%3D%22%23a57939%22%20rx%3D%2219%22%20ry%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.313%2064c-.015%200-.02-.021-.005-.026c8.326-2.834%2014.553-14.26%2014.553-27.923c0-13.671-6.234-25.102-14.567-27.928c-.067-.023-.052-.123.019-.123C46.633%208%2055%2020.536%2055%2036s-8.367%2028-18.687%2028%22%2F%3E%3Cg%20fill%3D%22%236a462f%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M36%2061s-6-11.193-6-25c0-13.76%205.96-24.924%206-25c-.029.054-3%205.63-3%2012.5c0%206.903%203%2012.5%203%2012.5s3%205.596%203%2012.5S36%2061%2036%2061%22%2F%3E%3Cpath%20d%3D%22m36%2061l-.881.472a1%201%200%200%200%201.762%200zm0-50l.882.471a1%201%200%200%200-1.764-.943zm0%2025l.881-.473zm-7%200c0%207.042%201.529%2013.402%203.05%2017.992a60%2060%200%200%200%202.099%205.45a42%2042%200%200%200%20.895%201.886l.054.104l.014.028l.005.008v.003h.001L36%2061q.881-.473.882-.472v-.001l-.003-.004l-.011-.021l-.046-.09q-.063-.12-.183-.362a41%2041%200%200%201-.663-1.421a58%2058%200%200%201-2.027-5.266C32.471%2048.904%2031%2042.764%2031%2036zm6.118-25.472C35.055%2010.648%2029%2021.988%2029%2036h2c0-13.51%205.864-24.495%205.882-24.528zM34%2023.5c0-3.297.714-6.299%201.439-8.493c.723-2.19%201.447-3.544%201.443-3.536l-1.764-.942c-.052.096-3.118%205.85-3.118%2012.97zM36%2036q.881-.473.882-.472l-.001-.001l-.004-.009l-.109-.214c-.077-.156-.188-.39-.323-.693a29%2029%200%200%201-.996-2.587C34.721%2029.827%2034%2026.812%2034%2023.5h-2c0%203.59.78%206.825%201.552%209.153a31%2031%200%200%200%201.066%202.77a22%2022%200%200%200%20.46.97l.03.056q.004.01.008.015l.002.005v.002h.001zm0%200l-.882.472h.001l.005.01l.108.213c.077.156.188.39.323.693c.27.607.633%201.492.996%202.587c.728%202.197%201.45%205.212%201.45%208.525h2c0-3.591-.78-6.826-1.552-9.154a31%2031%200%200%200-1.066-2.77a22%2022%200%200%200-.49-1.025l-.008-.016l-.002-.005v-.002h-.001zm2%2012.5c0%203.312-.721%206.327-1.45%208.524a29%2029%200%200%201-.995%202.587a20%2020%200%200%201-.432.907l-.004.009l.88.473l.883.472v-.003l.003-.005l.009-.015l.029-.056l.103-.205c.087-.178.21-.435.356-.764a31%2031%200%200%200%201.067-2.77C39.221%2055.324%2040%2052.09%2040%2048.5z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2236%22%20rx%3D%2219%22%20ry%3D%2228%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2036s-3-5.596-3-12.5S36%2011%2036%2011m0%2025s3%205.596%203%2012.5S36%2061%2036%2061%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%3Cellipse%20cx%3D%2236%22%20cy%3D%2236%22%20fill%3D%22%23a57939%22%20rx%3D%2219%22%20ry%3D%2228%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.313%2064c-.015%200-.02-.021-.005-.026c8.326-2.834%2014.553-14.26%2014.553-27.923c0-13.671-6.234-25.102-14.567-27.928c-.067-.023-.052-.123.019-.123C46.633%208%2055%2020.536%2055%2036s-8.367%2028-18.687%2028%22%2F%3E%3Cg%20fill%3D%22%236a462f%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M36%2061s-6-11.193-6-25c0-13.76%205.96-24.924%206-25c-.029.054-3%205.63-3%2012.5c0%206.903%203%2012.5%203%2012.5s3%205.596%203%2012.5S36%2061%2036%2061%22%2F%3E%3Cpath%20d%3D%22m36%2061l-.881.472a1%201%200%200%200%201.762%200zm0-50l.882.471a1%201%200%200%200-1.764-.943zm0%2025l.881-.473zm-7%200c0%207.042%201.529%2013.402%203.05%2017.992a60%2060%200%200%200%202.099%205.45a42%2042%200%200%200%20.895%201.886l.054.104l.014.028l.005.008v.003h.001L36%2061q.881-.473.882-.472v-.001l-.003-.004l-.011-.021l-.046-.09q-.063-.12-.183-.362a41%2041%200%200%201-.663-1.421a58%2058%200%200%201-2.027-5.266C32.471%2048.904%2031%2042.764%2031%2036zm6.118-25.472C35.055%2010.648%2029%2021.988%2029%2036h2c0-13.51%205.864-24.495%205.882-24.528zM34%2023.5c0-3.297.714-6.299%201.439-8.493c.723-2.19%201.447-3.544%201.443-3.536l-1.764-.942c-.052.096-3.118%205.85-3.118%2012.97zM36%2036q.881-.473.882-.472l-.001-.001l-.004-.009l-.109-.214c-.077-.156-.188-.39-.323-.693a29%2029%200%200%201-.996-2.587C34.721%2029.827%2034%2026.812%2034%2023.5h-2c0%203.59.78%206.825%201.552%209.153a31%2031%200%200%200%201.066%202.77a22%2022%200%200%200%20.46.97l.03.056q.004.01.008.015l.002.005v.002h.001zm0%200l-.882.472h.001l.005.01l.108.213c.077.156.188.39.323.693c.27.607.633%201.492.996%202.587c.728%202.197%201.45%205.212%201.45%208.525h2c0-3.591-.78-6.826-1.552-9.154a31%2031%200%200%200-1.066-2.77a22%2022%200%200%200-.49-1.025l-.008-.016l-.002-.005v-.002h-.001zm2%2012.5c0%203.312-.721%206.327-1.45%208.524a29%2029%200%200%201-.995%202.587a20%2020%200%200%201-.432.907l-.004.009l.88.473l.883.472v-.003l.003-.005l.009-.015l.029-.056l.103-.205c.087-.178.21-.435.356-.764a31%2031%200%200%200%201.067-2.77C39.221%2055.324%2040%2052.09%2040%2048.5z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2236%22%20rx%3D%2219%22%20ry%3D%2228%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2036s-3-5.596-3-12.5S36%2011%2036%2011m0%2025s3%205.596%203%2012.5S36%2061%2036%2061%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/roasted-coffee-bean.svg?color=%231a73e8&size=48
