Mango icon
openmoji:mango
The Mango icon (openmoji:mango) 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
- Food Drink
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2" d="M45.426 13.117a8 8 0 0 1 2.093.884c4.328 2.431 8.006 6.359 8.896 11.384a18 18 0 0 1-1.54 10.175a27.03 27.03 0 0 1-8.703 10.929c-3.038 2.24-6.604 3.892-8.971 6.83c-2.237 2.779-3.44 6.703-6.704 8.14a8.08 8.08 0 0 1-5.088.253C9.702 57.984 11.861 34.58 19.147 24.605l.023-.033a27.44 27.44 0 0 1 12.937-9.398c3.714-1.342 9.335-2.965 13.32-2.057Z"/><path fill="#f1b31c" stroke="#f1b31c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M56.363 25.385c-.89-5.025-4.567-8.953-8.895-11.384a8.5 8.5 0 0 0-1.899-.828a15.52 15.52 0 0 1 5.538 9.058a18 18 0 0 1-1.54 10.175a27.03 27.03 0 0 1-8.704 10.929c-3.037 2.24-6.603 3.892-8.97 6.83c-2.238 2.779-3.44 6.703-6.704 8.14a8.08 8.08 0 0 1-5.088.253q-.695-.166-1.343-.384a14 14 0 0 0 6.6 3.538a8.08 8.08 0 0 0 5.087-.253c3.265-1.437 4.467-5.361 6.704-8.139c2.367-2.939 5.934-4.592 8.97-6.831a27.03 27.03 0 0 0 8.705-10.929a18 18 0 0 0 1.54-10.175"/><path fill="#b1cc33" d="M40 11.453s-3.899 6.133-9.468 7.904S18 18.676 18 18.676s3.899-6.133 9.468-7.905S40 11.453 40 11.453"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M47.69 14c4.425 2.432 8.184 6.36 9.094 11.385a17.63 17.63 0 0 1-1.573 10.175a27.14 27.14 0 0 1-8.898 10.929c-3.105 2.24-6.751 3.892-9.171 6.83c-2.287 2.779-3.516 6.703-6.854 8.14a8.43 8.43 0 0 1-5.2.253c-16.06-3.728-13.852-27.132-6.404-37.107l.024-.033A21.5 21.5 0 0 1 23 20M41 8.5V14"/><path d="M40 11.453s-3.899 6.133-9.468 7.904S18 18.676 18 18.676s3.899-6.133 9.468-7.905S40 11.453 40 11.453"/></g></svg>How to use the Mango icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:mango" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:mango" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:mango" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--mango]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:mango"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:mango"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Mango icon" width="24" height="24">Mango icon in other icon sets
Mango icon FAQ
Is the Mango 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 Mango icon in React?
Install @iconify/react and render <Icon icon="openmoji:mango" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mango icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/mango.svg" alt="Mango icon">, or paste the SVG code inline to style it with CSS.