latte macchiato emoji

More extras openmoji icons from OpenMoji

Use the latte macchiato emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M45 42H26m19-18H25.5m20-7H25.14"/><path fill="#fff" fill-rule="evenodd" d="M22.034 13.033a1 1 0 0 1 1-1.033h24.93a1 1 0 0 1 .999 1.036L48.856 16L47.34 58.072a2 2 0 0 1-2 1.928H25.524a2 2 0 0 1-1.999-1.934L22.132 16z" clip-rule="evenodd"/><path fill="#a57939" d="M24.037 17.036a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036L45.569 56.07A2 2 0 0 1 43.571 58H26.473a1 1 0 0 1-1-.964z"/><path fill="#6a462f" fill-rule="evenodd" d="M46.108 41h-21.21l-.86-23.964A1 1 0 0 1 25.036 16h20.927a1 1 0 0 1 .999 1.036z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M46.75 23H24.251l-.214-5.964a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036z" clip-rule="evenodd"/><path d="m22.034 13.033l-1 .033zm26.929.003l-1-.036zM48.856 16l-1-.036L47.82 17h1.037zm0 0l1 .036l.037-1.036h-1.037zM47.34 58.072l.999.036zm-23.816-.006l-1 .033zM22.132 16l1-.033L23.1 15h-.968zm0 0l-1 .033l.033.967h.967zm.901-5a2 2 0 0 0-1.998 2.066L23.034 13zm24.93 0h-24.93v2h24.93zm1.999 2.072A2 2 0 0 0 47.963 11v2zm-.107 2.964l.107-2.964L47.963 13l-.107 2.964zm-1 .964v-2zm-.998-1.036L46.34 58.036l1.999.072l1.516-42.072zM46.34 58.036a1 1 0 0 1-1 .964v2a3 3 0 0 0 2.999-2.892zm-1 .964H25.524v2h19.818zm-19.817 0a1 1 0 0 1-1-.967l-1.998.066A3 3 0 0 0 25.523 61zm-1-.967l-1.391-42.066l-2 .066L22.526 58.1zM22.134 17v-2zm-1.098-3.934l.098 2.967l1.999-.066l-.1-2.967z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M34 57h9.535a1 1 0 0 0 1-.964L46 15"/></svg>

import type { SVGProps } from "react";

export function OpenmojiLatteMacchiato(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2" d="M45 42H26m19-18H25.5m20-7H25.14"/><path fill="#fff" fillRule="evenodd" d="M22.034 13.033a1 1 0 0 1 1-1.033h24.93a1 1 0 0 1 .999 1.036L48.856 16L47.34 58.072a2 2 0 0 1-2 1.928H25.524a2 2 0 0 1-1.999-1.934L22.132 16z" clipRule="evenodd"/><path fill="#a57939" d="M24.037 17.036a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036L45.569 56.07A2 2 0 0 1 43.571 58H26.473a1 1 0 0 1-1-.964z"/><path fill="#6a462f" fillRule="evenodd" d="M46.108 41h-21.21l-.86-23.964A1 1 0 0 1 25.036 16h20.927a1 1 0 0 1 .999 1.036z" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M46.75 23H24.251l-.214-5.964a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036z" clipRule="evenodd"/><path d="m22.034 13.033l-1 .033zm26.929.003l-1-.036zM48.856 16l-1-.036L47.82 17h1.037zm0 0l1 .036l.037-1.036h-1.037zM47.34 58.072l.999.036zm-23.816-.006l-1 .033zM22.132 16l1-.033L23.1 15h-.968zm0 0l-1 .033l.033.967h.967zm.901-5a2 2 0 0 0-1.998 2.066L23.034 13zm24.93 0h-24.93v2h24.93zm1.999 2.072A2 2 0 0 0 47.963 11v2zm-.107 2.964l.107-2.964L47.963 13l-.107 2.964zm-1 .964v-2zm-.998-1.036L46.34 58.036l1.999.072l1.516-42.072zM46.34 58.036a1 1 0 0 1-1 .964v2a3 3 0 0 0 2.999-2.892zm-1 .964H25.524v2h19.818zm-19.817 0a1 1 0 0 1-1-.967l-1.998.066A3 3 0 0 0 25.523 61zm-1-.967l-1.391-42.066l-2 .066L22.526 58.1zM22.134 17v-2zm-1.098-3.934l.098 2.967l1.999-.066l-.1-2.967z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2" d="M34 57h9.535a1 1 0 0 0 1-.964L46 15"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M45 42H26m19-18H25.5m20-7H25.14"/><path fill="#fff" fill-rule="evenodd" d="M22.034 13.033a1 1 0 0 1 1-1.033h24.93a1 1 0 0 1 .999 1.036L48.856 16L47.34 58.072a2 2 0 0 1-2 1.928H25.524a2 2 0 0 1-1.999-1.934L22.132 16z" clip-rule="evenodd"/><path fill="#a57939" d="M24.037 17.036a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036L45.569 56.07A2 2 0 0 1 43.571 58H26.473a1 1 0 0 1-1-.964z"/><path fill="#6a462f" fill-rule="evenodd" d="M46.108 41h-21.21l-.86-23.964A1 1 0 0 1 25.036 16h20.927a1 1 0 0 1 .999 1.036z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M46.75 23H24.251l-.214-5.964a1 1 0 0 1 1-1.036h20.927a1 1 0 0 1 .999 1.036z" clip-rule="evenodd"/><path d="m22.034 13.033l-1 .033zm26.929.003l-1-.036zM48.856 16l-1-.036L47.82 17h1.037zm0 0l1 .036l.037-1.036h-1.037zM47.34 58.072l.999.036zm-23.816-.006l-1 .033zM22.132 16l1-.033L23.1 15h-.968zm0 0l-1 .033l.033.967h.967zm.901-5a2 2 0 0 0-1.998 2.066L23.034 13zm24.93 0h-24.93v2h24.93zm1.999 2.072A2 2 0 0 0 47.963 11v2zm-.107 2.964l.107-2.964L47.963 13l-.107 2.964zm-1 .964v-2zm-.998-1.036L46.34 58.036l1.999.072l1.516-42.072zM46.34 58.036a1 1 0 0 1-1 .964v2a3 3 0 0 0 2.999-2.892zm-1 .964H25.524v2h19.818zm-19.817 0a1 1 0 0 1-1-.967l-1.998.066A3 3 0 0 0 25.523 61zm-1-.967l-1.391-42.066l-2 .066L22.526 58.1zM22.134 17v-2zm-1.098-3.934l.098 2.967l1.999-.066l-.1-2.967z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M34 57h9.535a1 1 0 0 0 1-.964L46 15"/></svg>
</template>

.icon-latte-macchiato {
  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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M45%2042H26m19-18H25.5m20-7H25.14%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.034%2013.033a1%201%200%200%201%201-1.033h24.93a1%201%200%200%201%20.999%201.036L48.856%2016L47.34%2058.072a2%202%200%200%201-2%201.928H25.524a2%202%200%200%201-1.999-1.934L22.132%2016z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M24.037%2017.036a1%201%200%200%201%201-1.036h20.927a1%201%200%200%201%20.999%201.036L45.569%2056.07A2%202%200%200%201%2043.571%2058H26.473a1%201%200%200%201-1-.964z%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.108%2041h-21.21l-.86-23.964A1%201%200%200%201%2025.036%2016h20.927a1%201%200%200%201%20.999%201.036z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.75%2023H24.251l-.214-5.964a1%201%200%200%201%201-1.036h20.927a1%201%200%200%201%20.999%201.036z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m22.034%2013.033l-1%20.033zm26.929.003l-1-.036zM48.856%2016l-1-.036L47.82%2017h1.037zm0%200l1%20.036l.037-1.036h-1.037zM47.34%2058.072l.999.036zm-23.816-.006l-1%20.033zM22.132%2016l1-.033L23.1%2015h-.968zm0%200l-1%20.033l.033.967h.967zm.901-5a2%202%200%200%200-1.998%202.066L23.034%2013zm24.93%200h-24.93v2h24.93zm1.999%202.072A2%202%200%200%200%2047.963%2011v2zm-.107%202.964l.107-2.964L47.963%2013l-.107%202.964zm-1%20.964v-2zm-.998-1.036L46.34%2058.036l1.999.072l1.516-42.072zM46.34%2058.036a1%201%200%200%201-1%20.964v2a3%203%200%200%200%202.999-2.892zm-1%20.964H25.524v2h19.818zm-19.817%200a1%201%200%200%201-1-.967l-1.998.066A3%203%200%200%200%2025.523%2061zm-1-.967l-1.391-42.066l-2%20.066L22.526%2058.1zM22.134%2017v-2zm-1.098-3.934l.098%202.967l1.999-.066l-.1-2.967z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M34%2057h9.535a1%201%200%200%200%201-.964L46%2015%22%2F%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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M45%2042H26m19-18H25.5m20-7H25.14%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.034%2013.033a1%201%200%200%201%201-1.033h24.93a1%201%200%200%201%20.999%201.036L48.856%2016L47.34%2058.072a2%202%200%200%201-2%201.928H25.524a2%202%200%200%201-1.999-1.934L22.132%2016z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M24.037%2017.036a1%201%200%200%201%201-1.036h20.927a1%201%200%200%201%20.999%201.036L45.569%2056.07A2%202%200%200%201%2043.571%2058H26.473a1%201%200%200%201-1-.964z%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.108%2041h-21.21l-.86-23.964A1%201%200%200%201%2025.036%2016h20.927a1%201%200%200%201%20.999%201.036z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.75%2023H24.251l-.214-5.964a1%201%200%200%201%201-1.036h20.927a1%201%200%200%201%20.999%201.036z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m22.034%2013.033l-1%20.033zm26.929.003l-1-.036zM48.856%2016l-1-.036L47.82%2017h1.037zm0%200l1%20.036l.037-1.036h-1.037zM47.34%2058.072l.999.036zm-23.816-.006l-1%20.033zM22.132%2016l1-.033L23.1%2015h-.968zm0%200l-1%20.033l.033.967h.967zm.901-5a2%202%200%200%200-1.998%202.066L23.034%2013zm24.93%200h-24.93v2h24.93zm1.999%202.072A2%202%200%200%200%2047.963%2011v2zm-.107%202.964l.107-2.964L47.963%2013l-.107%202.964zm-1%20.964v-2zm-.998-1.036L46.34%2058.036l1.999.072l1.516-42.072zM46.34%2058.036a1%201%200%200%201-1%20.964v2a3%203%200%200%200%202.999-2.892zm-1%20.964H25.524v2h19.818zm-19.817%200a1%201%200%200%201-1-.967l-1.998.066A3%203%200%200%200%2025.523%2061zm-1-.967l-1.391-42.066l-2%20.066L22.526%2058.1zM22.134%2017v-2zm-1.098-3.934l.098%202.967l1.999-.066l-.1-2.967z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M34%2057h9.535a1%201%200%200%200%201-.964L46%2015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/latte-macchiato.svg?color=%231a73e8&size=48