mate emoji
mate from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- mate
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the mate emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M47.683 65.85a5.35 5.35 0 0 0 2.865-.843C57.288 60.72 61.68 54.572 61.68 45.87c0-2.31-1.708-4.146-2.528-6.203a6 6 0 0 0-.524-1.072L55.2 33.257a5.26 5.26 0 0 0-4.509-2.417L24 31.263a4.94 4.94 0 0 0-4.022 2.186l-1.267 1.89a8.6 8.6 0 0 0-.845 1.574c-1.128 2.803-4.656 9.07-4.656 11.378c0 8.725 3.173 12.747 9.786 16.773a5.34 5.34 0 0 0 2.772.787z"/><path fill="#e27022" d="m58.9 39.03l-5.066-7.885a.76.76 0 0 0-.635-.347h-4.424a.755.755 0 0 0-.672 1.1l1.514 2.951a16 16 0 0 1 1.351 3.691c.292 1.257.64 2.766.77 3.35a23 23 0 0 1 .513 6.112c-.467 5.59-2.793 13.41-10.17 17.74a.8.8 0 0 1-.397.108h11.26c.14 0 .279-.038.4-.109c7.348-4.324 8.008-11.64 8.008-20.86c0-2.489-1.662-3.466-2.372-5.698a.7.7 0 0 0-.074-.16z"/><path fill="#9b9b9a" d="M21.81 24.04h31.36v6.114H21.81z"/><path fill="none" stroke="#9b9b9a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m39.4 19.67l2.467-6.773c1.23-3.378 3.565-5.473 6.098-5.473h9.577"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M37.2 30.8h16.42s8.005 10.28 8.211 16.97c.19 6.208-2.786 14.34-9.316 18.08h-29.99c-6.53-3.74-9.507-11.88-9.316-18.08c.206-6.694 8.211-16.97 8.211-16.97h16.42m-.3-11.3l2.766-7.63c1.379-3.805 3.996-6.165 6.836-6.165h10.4"/><path d="M21.42 30.8v-7.3h32.2v7.3"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiMate(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M47.683 65.85a5.35 5.35 0 0 0 2.865-.843C57.288 60.72 61.68 54.572 61.68 45.87c0-2.31-1.708-4.146-2.528-6.203a6 6 0 0 0-.524-1.072L55.2 33.257a5.26 5.26 0 0 0-4.509-2.417L24 31.263a4.94 4.94 0 0 0-4.022 2.186l-1.267 1.89a8.6 8.6 0 0 0-.845 1.574c-1.128 2.803-4.656 9.07-4.656 11.378c0 8.725 3.173 12.747 9.786 16.773a5.34 5.34 0 0 0 2.772.787z"/><path fill="#e27022" d="m58.9 39.03l-5.066-7.885a.76.76 0 0 0-.635-.347h-4.424a.755.755 0 0 0-.672 1.1l1.514 2.951a16 16 0 0 1 1.351 3.691c.292 1.257.64 2.766.77 3.35a23 23 0 0 1 .513 6.112c-.467 5.59-2.793 13.41-10.17 17.74a.8.8 0 0 1-.397.108h11.26c.14 0 .279-.038.4-.109c7.348-4.324 8.008-11.64 8.008-20.86c0-2.489-1.662-3.466-2.372-5.698a.7.7 0 0 0-.074-.16z"/><path fill="#9b9b9a" d="M21.81 24.04h31.36v6.114H21.81z"/><path fill="none" stroke="#9b9b9a" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m39.4 19.67l2.467-6.773c1.23-3.378 3.565-5.473 6.098-5.473h9.577"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M37.2 30.8h16.42s8.005 10.28 8.211 16.97c.19 6.208-2.786 14.34-9.316 18.08h-29.99c-6.53-3.74-9.507-11.88-9.316-18.08c.206-6.694 8.211-16.97 8.211-16.97h16.42m-.3-11.3l2.766-7.63c1.379-3.805 3.996-6.165 6.836-6.165h10.4"/><path d="M21.42 30.8v-7.3h32.2v7.3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#f4aa41" d="M47.683 65.85a5.35 5.35 0 0 0 2.865-.843C57.288 60.72 61.68 54.572 61.68 45.87c0-2.31-1.708-4.146-2.528-6.203a6 6 0 0 0-.524-1.072L55.2 33.257a5.26 5.26 0 0 0-4.509-2.417L24 31.263a4.94 4.94 0 0 0-4.022 2.186l-1.267 1.89a8.6 8.6 0 0 0-.845 1.574c-1.128 2.803-4.656 9.07-4.656 11.378c0 8.725 3.173 12.747 9.786 16.773a5.34 5.34 0 0 0 2.772.787z"/><path fill="#e27022" d="m58.9 39.03l-5.066-7.885a.76.76 0 0 0-.635-.347h-4.424a.755.755 0 0 0-.672 1.1l1.514 2.951a16 16 0 0 1 1.351 3.691c.292 1.257.64 2.766.77 3.35a23 23 0 0 1 .513 6.112c-.467 5.59-2.793 13.41-10.17 17.74a.8.8 0 0 1-.397.108h11.26c.14 0 .279-.038.4-.109c7.348-4.324 8.008-11.64 8.008-20.86c0-2.489-1.662-3.466-2.372-5.698a.7.7 0 0 0-.074-.16z"/><path fill="#9b9b9a" d="M21.81 24.04h31.36v6.114H21.81z"/><path fill="none" stroke="#9b9b9a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m39.4 19.67l2.467-6.773c1.23-3.378 3.565-5.473 6.098-5.473h9.577"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M37.2 30.8h16.42s8.005 10.28 8.211 16.97c.19 6.208-2.786 14.34-9.316 18.08h-29.99c-6.53-3.74-9.507-11.88-9.316-18.08c.206-6.694 8.211-16.97 8.211-16.97h16.42m-.3-11.3l2.766-7.63c1.379-3.805 3.996-6.165 6.836-6.165h10.4"/><path d="M21.42 30.8v-7.3h32.2v7.3"/></g></svg> </template>
CSS
.icon-mate {
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%23f4aa41%22%20d%3D%22M47.683%2065.85a5.35%205.35%200%200%200%202.865-.843C57.288%2060.72%2061.68%2054.572%2061.68%2045.87c0-2.31-1.708-4.146-2.528-6.203a6%206%200%200%200-.524-1.072L55.2%2033.257a5.26%205.26%200%200%200-4.509-2.417L24%2031.263a4.94%204.94%200%200%200-4.022%202.186l-1.267%201.89a8.6%208.6%200%200%200-.845%201.574c-1.128%202.803-4.656%209.07-4.656%2011.378c0%208.725%203.173%2012.747%209.786%2016.773a5.34%205.34%200%200%200%202.772.787z%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22m58.9%2039.03l-5.066-7.885a.76.76%200%200%200-.635-.347h-4.424a.755.755%200%200%200-.672%201.1l1.514%202.951a16%2016%200%200%201%201.351%203.691c.292%201.257.64%202.766.77%203.35a23%2023%200%200%201%20.513%206.112c-.467%205.59-2.793%2013.41-10.17%2017.74a.8.8%200%200%201-.397.108h11.26c.14%200%20.279-.038.4-.109c7.348-4.324%208.008-11.64%208.008-20.86c0-2.489-1.662-3.466-2.372-5.698a.7.7%200%200%200-.074-.16z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M21.81%2024.04h31.36v6.114H21.81z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%239b9b9a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m39.4%2019.67l2.467-6.773c1.23-3.378%203.565-5.473%206.098-5.473h9.577%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M37.2%2030.8h16.42s8.005%2010.28%208.211%2016.97c.19%206.208-2.786%2014.34-9.316%2018.08h-29.99c-6.53-3.74-9.507-11.88-9.316-18.08c.206-6.694%208.211-16.97%208.211-16.97h16.42m-.3-11.3l2.766-7.63c1.379-3.805%203.996-6.165%206.836-6.165h10.4%22%2F%3E%3Cpath%20d%3D%22M21.42%2030.8v-7.3h32.2v7.3%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%23f4aa41%22%20d%3D%22M47.683%2065.85a5.35%205.35%200%200%200%202.865-.843C57.288%2060.72%2061.68%2054.572%2061.68%2045.87c0-2.31-1.708-4.146-2.528-6.203a6%206%200%200%200-.524-1.072L55.2%2033.257a5.26%205.26%200%200%200-4.509-2.417L24%2031.263a4.94%204.94%200%200%200-4.022%202.186l-1.267%201.89a8.6%208.6%200%200%200-.845%201.574c-1.128%202.803-4.656%209.07-4.656%2011.378c0%208.725%203.173%2012.747%209.786%2016.773a5.34%205.34%200%200%200%202.772.787z%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22m58.9%2039.03l-5.066-7.885a.76.76%200%200%200-.635-.347h-4.424a.755.755%200%200%200-.672%201.1l1.514%202.951a16%2016%200%200%201%201.351%203.691c.292%201.257.64%202.766.77%203.35a23%2023%200%200%201%20.513%206.112c-.467%205.59-2.793%2013.41-10.17%2017.74a.8.8%200%200%201-.397.108h11.26c.14%200%20.279-.038.4-.109c7.348-4.324%208.008-11.64%208.008-20.86c0-2.489-1.662-3.466-2.372-5.698a.7.7%200%200%200-.074-.16z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M21.81%2024.04h31.36v6.114H21.81z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%239b9b9a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m39.4%2019.67l2.467-6.773c1.23-3.378%203.565-5.473%206.098-5.473h9.577%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M37.2%2030.8h16.42s8.005%2010.28%208.211%2016.97c.19%206.208-2.786%2014.34-9.316%2018.08h-29.99c-6.53-3.74-9.507-11.88-9.316-18.08c.206-6.694%208.211-16.97%208.211-16.97h16.42m-.3-11.3l2.766-7.63c1.379-3.805%203.996-6.165%206.836-6.165h10.4%22%2F%3E%3Cpath%20d%3D%22M21.42%2030.8v-7.3h32.2v7.3%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/mate.svg?color=%231a73e8&size=48
