barista emoji

barista from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.

Name
barista
Set
OpenMoji
Style
Default
Category
Extras Openmoji
Viewbox
72×72
License
CC BY-SA 4.0

More extras openmoji icons from OpenMoji

3d-printer3d-printer-lowadd-buttonadd-contactadiletteagenderai-handandroidannoyed-face-with-tongueapplearchivearduinoarmchairaroacearomanticarrow-turn-rightartstationasexualassembly-groupassembly-pointatom-bombaugmented-realityauthorityauthority-building

Use the barista emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M32.6 44c6.075 0 11-6.268 11-14s-4.925-14-11-14s-11 6.268-11 14s4.925 14 11 14"/><g fill="#6a462f"><path d="M33 21c-5.6 0-9.333 2.667-10.5 4c.833-2.833 4.2-8.5 11-8.5s9.167 5 9.5 7.5c-1-1-4.4-3-10-3"/><ellipse cx="33" cy="14.5" rx="4" ry="2.5"/></g><path fill="#3f3f3f" d="M14 59.1v-4c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v4"/><path fill="#6a462f" fill-rule="evenodd" d="M23.048 46.148a10.5 10.5 0 0 0-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5 7.5H24l-.5-7.5z"/><path fill="#fff" d="M41 57.1h20l-2 3H43z"/><g fill="#fff"><path fill-rule="evenodd" d="M51 58.1c3.314 0 6-4.477 6-10H45c0 5.523 2.686 10 6 10"/><path d="M57 48.1h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557c-.99 1.649-2.217 2.443-3.385 2.443v2c2.146 0 3.918-1.445 5.1-3.414c1.194-1.99 1.9-4.674 1.9-7.586zm-11 1h12v-2H45zm6 8c-1.168 0-2.395-.794-3.385-2.443C46.637 53.027 46 50.71 46 48.1h-2c0 2.912.706 5.596 1.9 7.586c1.182 1.97 2.954 3.414 5.1 3.414z"/></g><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M32.968 16.3c-6.063 0-11 5-11 14c0 6.646 3.397 14.1 11 14.1c7.556 0 11.064-7.483 11.064-14.1c0-9-5.127-14-11.064-14Z"/><path d="M39 28.9c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m-8 0c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 37.1c1.9 1 4.1 1 6 0"/><path fill="none" stroke="#000" stroke-width="2" d="M30.5 16.452c-.914-.459-1.5-1.163-1.5-1.952c0-1.38 1.79-2.5 4-2.5s4 1.12 4 2.5c0 .79-.585 1.493-1.5 1.952"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 29.5c0-7.5 7-10.5 11-8c4-2.5 11 .5 11 8"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14 58v-3c0-5 5-9 10-9q9 7.5 18 0q.754 0 1.5.118"/><path stroke-linejoin="round" d="m23.5 46.6l.5 7.5h18l.5-7.5"/><path stroke-linecap="round" d="M20 47.1v11"/><path stroke-linecap="round" stroke-linejoin="round" d="M46.2 54.1c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path stroke-linejoin="round" d="M41 57.1h20l-2 3H43z"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiBarista(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M32.6 44c6.075 0 11-6.268 11-14s-4.925-14-11-14s-11 6.268-11 14s4.925 14 11 14"/><g fill="#6a462f"><path d="M33 21c-5.6 0-9.333 2.667-10.5 4c.833-2.833 4.2-8.5 11-8.5s9.167 5 9.5 7.5c-1-1-4.4-3-10-3"/><ellipse cx="33" cy="14.5" rx="4" ry="2.5"/></g><path fill="#3f3f3f" d="M14 59.1v-4c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v4"/><path fill="#6a462f" fillRule="evenodd" d="M23.048 46.148a10.5 10.5 0 0 0-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5 7.5H24l-.5-7.5z"/><path fill="#fff" d="M41 57.1h20l-2 3H43z"/><g fill="#fff"><path fillRule="evenodd" d="M51 58.1c3.314 0 6-4.477 6-10H45c0 5.523 2.686 10 6 10"/><path d="M57 48.1h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557c-.99 1.649-2.217 2.443-3.385 2.443v2c2.146 0 3.918-1.445 5.1-3.414c1.194-1.99 1.9-4.674 1.9-7.586zm-11 1h12v-2H45zm6 8c-1.168 0-2.395-.794-3.385-2.443C46.637 53.027 46 50.71 46 48.1h-2c0 2.912.706 5.596 1.9 7.586c1.182 1.97 2.954 3.414 5.1 3.414z"/></g><path fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="2" d="M32.968 16.3c-6.063 0-11 5-11 14c0 6.646 3.397 14.1 11 14.1c7.556 0 11.064-7.483 11.064-14.1c0-9-5.127-14-11.064-14Z"/><path d="M39 28.9c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m-8 0c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M30 37.1c1.9 1 4.1 1 6 0"/><path fill="none" stroke="#000" strokeWidth="2" d="M30.5 16.452c-.914-.459-1.5-1.163-1.5-1.952c0-1.38 1.79-2.5 4-2.5s4 1.12 4 2.5c0 .79-.585 1.493-1.5 1.952"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M22 29.5c0-7.5 7-10.5 11-8c4-2.5 11 .5 11 8"/><g fill="none" stroke="#000" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M14 58v-3c0-5 5-9 10-9q9 7.5 18 0q.754 0 1.5.118"/><path strokeLinejoin="round" d="m23.5 46.6l.5 7.5h18l.5-7.5"/><path strokeLinecap="round" d="M20 47.1v11"/><path strokeLinecap="round" strokeLinejoin="round" d="M46.2 54.1c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path strokeLinejoin="round" d="M41 57.1h20l-2 3H43z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M32.6 44c6.075 0 11-6.268 11-14s-4.925-14-11-14s-11 6.268-11 14s4.925 14 11 14"/><g fill="#6a462f"><path d="M33 21c-5.6 0-9.333 2.667-10.5 4c.833-2.833 4.2-8.5 11-8.5s9.167 5 9.5 7.5c-1-1-4.4-3-10-3"/><ellipse cx="33" cy="14.5" rx="4" ry="2.5"/></g><path fill="#3f3f3f" d="M14 59.1v-4c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v4"/><path fill="#6a462f" fill-rule="evenodd" d="M23.048 46.148a10.5 10.5 0 0 0-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5 7.5H24l-.5-7.5z"/><path fill="#fff" d="M41 57.1h20l-2 3H43z"/><g fill="#fff"><path fill-rule="evenodd" d="M51 58.1c3.314 0 6-4.477 6-10H45c0 5.523 2.686 10 6 10"/><path d="M57 48.1h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557c-.99 1.649-2.217 2.443-3.385 2.443v2c2.146 0 3.918-1.445 5.1-3.414c1.194-1.99 1.9-4.674 1.9-7.586zm-11 1h12v-2H45zm6 8c-1.168 0-2.395-.794-3.385-2.443C46.637 53.027 46 50.71 46 48.1h-2c0 2.912.706 5.596 1.9 7.586c1.182 1.97 2.954 3.414 5.1 3.414z"/></g><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M32.968 16.3c-6.063 0-11 5-11 14c0 6.646 3.397 14.1 11 14.1c7.556 0 11.064-7.483 11.064-14.1c0-9-5.127-14-11.064-14Z"/><path d="M39 28.9c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m-8 0c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30 37.1c1.9 1 4.1 1 6 0"/><path fill="none" stroke="#000" stroke-width="2" d="M30.5 16.452c-.914-.459-1.5-1.163-1.5-1.952c0-1.38 1.79-2.5 4-2.5s4 1.12 4 2.5c0 .79-.585 1.493-1.5 1.952"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 29.5c0-7.5 7-10.5 11-8c4-2.5 11 .5 11 8"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14 58v-3c0-5 5-9 10-9q9 7.5 18 0q.754 0 1.5.118"/><path stroke-linejoin="round" d="m23.5 46.6l.5 7.5h18l.5-7.5"/><path stroke-linecap="round" d="M20 47.1v11"/><path stroke-linecap="round" stroke-linejoin="round" d="M46.2 54.1c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path stroke-linejoin="round" d="M41 57.1h20l-2 3H43z"/></g></svg>
</template>

CSS

.icon-barista {
  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%23fcea2b%22%20d%3D%22M32.6%2044c6.075%200%2011-6.268%2011-14s-4.925-14-11-14s-11%206.268-11%2014s4.925%2014%2011%2014%22%2F%3E%3Cg%20fill%3D%22%236a462f%22%3E%3Cpath%20d%3D%22M33%2021c-5.6%200-9.333%202.667-10.5%204c.833-2.833%204.2-8.5%2011-8.5s9.167%205%209.5%207.5c-1-1-4.4-3-10-3%22%2F%3E%3Cellipse%20cx%3D%2233%22%20cy%3D%2214.5%22%20rx%3D%224%22%20ry%3D%222.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M14%2059.1v-4c0-5%205-9%2010-9q9%207.5%2018%200c5%200%2010%204%2010%209v4%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.048%2046.148a10.5%2010.5%200%200%200-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5%207.5H24l-.5-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41%2057.1h20l-2%203H43z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M51%2058.1c3.314%200%206-4.477%206-10H45c0%205.523%202.686%2010%206%2010%22%2F%3E%3Cpath%20d%3D%22M57%2048.1h1a1%201%200%200%200-1-1zm-12%200v-1a1%201%200%200%200-1%201zm11%200c0%202.611-.637%204.927-1.615%206.557c-.99%201.649-2.217%202.443-3.385%202.443v2c2.146%200%203.918-1.445%205.1-3.414c1.194-1.99%201.9-4.674%201.9-7.586zm-11%201h12v-2H45zm6%208c-1.168%200-2.395-.794-3.385-2.443C46.637%2053.027%2046%2050.71%2046%2048.1h-2c0%202.912.706%205.596%201.9%207.586c1.182%201.97%202.954%203.414%205.1%203.414z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M32.968%2016.3c-6.063%200-11%205-11%2014c0%206.646%203.397%2014.1%2011%2014.1c7.556%200%2011.064-7.483%2011.064-14.1c0-9-5.127-14-11.064-14Z%22%2F%3E%3Cpath%20d%3D%22M39%2028.9c0%201.1-.9%202-2%202s-2-.9-2-2s.9-2%202-2s2%20.9%202%202m-8%200c0%201.1-.9%202-2%202s-2-.9-2-2s.9-2%202-2s2%20.9%202%202%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M30%2037.1c1.9%201%204.1%201%206%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M30.5%2016.452c-.914-.459-1.5-1.163-1.5-1.952c0-1.38%201.79-2.5%204-2.5s4%201.12%204%202.5c0%20.79-.585%201.493-1.5%201.952%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M22%2029.5c0-7.5%207-10.5%2011-8c4-2.5%2011%20.5%2011%208%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%22M14%2058v-3c0-5%205-9%2010-9q9%207.5%2018%200q.754%200%201.5.118%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m23.5%2046.6l.5%207.5h18l.5-7.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%2047.1v11%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M46.2%2054.1c-.754-1.671-1.2-3.749-1.2-6h12c0%202.251-.446%204.329-1.2%206%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M41%2057.1h20l-2%203H43z%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%23fcea2b%22%20d%3D%22M32.6%2044c6.075%200%2011-6.268%2011-14s-4.925-14-11-14s-11%206.268-11%2014s4.925%2014%2011%2014%22%2F%3E%3Cg%20fill%3D%22%236a462f%22%3E%3Cpath%20d%3D%22M33%2021c-5.6%200-9.333%202.667-10.5%204c.833-2.833%204.2-8.5%2011-8.5s9.167%205%209.5%207.5c-1-1-4.4-3-10-3%22%2F%3E%3Cellipse%20cx%3D%2233%22%20cy%3D%2214.5%22%20rx%3D%224%22%20ry%3D%222.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M14%2059.1v-4c0-5%205-9%2010-9q9%207.5%2018%200c5%200%2010%204%2010%209v4%22%2F%3E%3Cpath%20fill%3D%22%236a462f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.048%2046.148a10.5%2010.5%200%200%200-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5%207.5H24l-.5-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41%2057.1h20l-2%203H43z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M51%2058.1c3.314%200%206-4.477%206-10H45c0%205.523%202.686%2010%206%2010%22%2F%3E%3Cpath%20d%3D%22M57%2048.1h1a1%201%200%200%200-1-1zm-12%200v-1a1%201%200%200%200-1%201zm11%200c0%202.611-.637%204.927-1.615%206.557c-.99%201.649-2.217%202.443-3.385%202.443v2c2.146%200%203.918-1.445%205.1-3.414c1.194-1.99%201.9-4.674%201.9-7.586zm-11%201h12v-2H45zm6%208c-1.168%200-2.395-.794-3.385-2.443C46.637%2053.027%2046%2050.71%2046%2048.1h-2c0%202.912.706%205.596%201.9%207.586c1.182%201.97%202.954%203.414%205.1%203.414z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M32.968%2016.3c-6.063%200-11%205-11%2014c0%206.646%203.397%2014.1%2011%2014.1c7.556%200%2011.064-7.483%2011.064-14.1c0-9-5.127-14-11.064-14Z%22%2F%3E%3Cpath%20d%3D%22M39%2028.9c0%201.1-.9%202-2%202s-2-.9-2-2s.9-2%202-2s2%20.9%202%202m-8%200c0%201.1-.9%202-2%202s-2-.9-2-2s.9-2%202-2s2%20.9%202%202%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M30%2037.1c1.9%201%204.1%201%206%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M30.5%2016.452c-.914-.459-1.5-1.163-1.5-1.952c0-1.38%201.79-2.5%204-2.5s4%201.12%204%202.5c0%20.79-.585%201.493-1.5%201.952%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M22%2029.5c0-7.5%207-10.5%2011-8c4-2.5%2011%20.5%2011%208%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%22M14%2058v-3c0-5%205-9%2010-9q9%207.5%2018%200q.754%200%201.5.118%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m23.5%2046.6l.5%207.5h18l.5-7.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%2047.1v11%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M46.2%2054.1c-.754-1.671-1.2-3.749-1.2-6h12c0%202.251-.446%204.329-1.2%206%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M41%2057.1h20l-2%203H43z%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/barista.svg?color=%231a73e8&size=48