Barista icon
openmoji:barista
The Barista icon (openmoji:barista) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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>How to use the Barista icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:barista" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:barista" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:barista" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--barista]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:barista"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:barista"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/barista.svg" alt="Barista icon" width="24" height="24">Barista icon FAQ
Is the Barista icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Barista icon in React?
Install @iconify/react and render <Icon icon="openmoji:barista" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Barista icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/barista.svg" alt="Barista icon">, or paste the SVG code inline to style it with CSS.