Hibiscus icon

fxemoji:hibiscus

The Hibiscus icon (fxemoji:hibiscus) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00B89C" d="M355.074 370.512c-15.472-16.2-29.694-49.052-37.645-69.73c-3.475-9.036 3.015-20.297 12.577-21.825c21.882-3.497 57.421-7.627 79.099-2.074c37.13 9.51 69.773 41.445 86.522 74.031c-2.777-5.432-7.948-15.576.15.262c1.942 3.822 1.422 2.813.196.415c4.785 9.464 10.115 26.081 13.322 36.781c1.695 5.655-1.56 11.344-7.299 12.767c-10.938 2.712-28.145 6.609-38.773 7.204c2.689-.138 3.823-.193-.458.038c-17.765.913 5.78-.213-.302.001c-38.314 1.346-81.456-10.716-107.389-37.87M208.92 307.179c3.133-6.461-8.682 18.713.166-.316c2.12-4.591 1.552-3.379.213-.498c5.242-11.411 10.671-31.515 13.877-44.425c1.682-6.774-2.454-13.327-9.286-14.7c-12.926-2.599-33.194-6.271-45.701-6.538c3.176.053 4.515.072-.541-.026c-20.982-.353-7.553-.111-.357.011c-43.218-.635-94.526 15.662-124.925 49.092c-17.749 19.518-33.049 58.864-41.473 83.62c-3.681 10.818 4.48 23.838 15.819 25.234c25.948 3.194 68.049 6.611 93.476-.522c42.623-11.958 79-50.238 98.732-90.932"/><path fill="#FF929D" d="M449.95 201.206c-13.858-47.642-26.576-85.831-74.218-71.973q-1.31.382-2.623.835a90 90 0 0 0-18.675 8.489c-3.981 2.393-8.768-1.295-7.581-5.786a89.8 89.8 0 0 0 2.973-22.983c0-49.616-40.222-51.161-89.838-51.161s-89.838 1.545-89.838 51.161q0 1.363.07 2.75a90 90 0 0 0 1.928 16.057c.922 4.332-3.66 7.784-7.508 5.59a89.8 89.8 0 0 0-17.409-7.608c-47.307-14.961-60.908 22.923-75.87 70.23c-14.961 47.307-25.617 86.123 21.69 101.084q1.3.41 2.643.763a90 90 0 0 0 13.553 2.744c4.297.53 6.033 5.818 2.894 8.8a89.7 89.7 0 0 0-10.902 12.47c-29.076 40.204 2.611 65.027 42.816 94.102c40.204 29.075 73.702 51.394 102.777 11.19a57 57 0 0 0 1.557-2.271l.053-.078c2.148-3.174 6.895-3.111 8.755.24a87 87 0 0 0 1.508 2.608c25.599 42.503 60.851 23.074 103.354-2.524s76.161-47.674 50.562-90.177a57 57 0 0 0-1.479-2.32a89.7 89.7 0 0 0-16.525-19.115c-3.641-3.168-1.364-9.171 3.461-9.02a89.5 89.5 0 0 0 27.841-3.544c47.64-13.859 37.889-52.912 24.031-100.553"/><path fill="#F8BBC6" d="m350.536 207.093l-.41-.268c-.275-.189-.67-.436-1.17-.715l-1.859-1.076c-.709-.361-1.539-.817-2.432-1.229c-.895-.418-1.891-.892-2.936-1.302c-1.064-.463-2.178-.862-3.365-1.279a56.5 56.5 0 0 0-7.726-2.129c-5.498-1.111-11.567-1.466-17.645-.684c-3.043.38-6.075 1.08-9.087 1.98c-3.018.873-6.032 1.9-9.017 3.008c-.109-2.984-.289-5.964-.603-8.894c-.308-3.128-.809-6.199-1.61-9.16c-1.579-5.921-4.207-11.404-7.318-16.071a56.5 56.5 0 0 0-4.898-6.344c-.835-.94-1.627-1.82-2.458-2.63c-.775-.812-1.591-1.553-2.317-2.224c-.719-.671-1.456-1.266-2.059-1.785l-1.701-1.313a15 15 0 0 0-1.105-.812l-.404-.278c-9.056-6.214-21.484-6.089-30.479 1.152l-.382.307c-.265.203-.621.503-1.04.893l-1.597 1.437c-.562.563-1.251 1.212-1.918 1.935c-.673.723-1.431 1.524-2.142 2.392c-.768.87-1.491 1.807-2.253 2.808a56.4 56.4 0 0 0-4.404 6.696c-2.75 4.889-4.956 10.554-6.084 16.578c-.575 3.012-.843 6.112-.914 9.255c-.098 3.144-.05 6.332.086 9.516c.006.124.019.248.025.372c-2.948-.748-5.912-1.418-8.866-1.947c-3.089-.58-6.178-.96-9.244-1.02c-6.126-.143-12.126.844-17.477 2.524a57 57 0 0 0-7.462 2.924c-1.137.538-2.203 1.052-3.213 1.624c-.996.517-1.937 1.092-2.784 1.601c-.845.503-1.623 1.043-2.29 1.476l-1.736 1.265c-.468.33-.835.616-1.089.833l-.38.31c-8.502 6.952-11.863 18.918-7.431 29.581l.188.452c.121.311.309.737.566 1.249l.932 1.935c.383.697.813 1.541 1.321 2.383c.506.849 1.063 1.8 1.696 2.727c.62.981 1.317 1.938 2.064 2.949a57 57 0 0 0 5.194 6.104c3.923 4.009 8.743 7.714 14.21 10.483c2.73 1.396 5.632 2.521 8.629 3.469c.835.272 1.689.513 2.536.766c-.512.72-1.037 1.435-1.528 2.164c-1.78 2.591-3.375 5.263-4.67 8.043c-2.607 5.546-4.129 11.432-4.756 17.006a56.5 56.5 0 0 0-.341 8.007c.033 1.257.072 2.44.186 3.595c.07 1.12.216 2.213.339 3.193c.118.976.298 1.906.425 2.691l.455 2.099c.112.561.226 1.013.322 1.333l.13.472c2.922 10.587 12.509 18.498 24.053 18.754l.49.011c.333.015.799.015 1.371-.013l2.147-.071c.792-.069 1.738-.121 2.714-.245c.981-.119 2.076-.244 3.18-.449c1.148-.171 2.305-.421 3.532-.696a56.5 56.5 0 0 0 7.682-2.283c5.253-1.967 10.59-4.879 15.333-8.76c2.381-1.933 4.582-4.132 6.661-6.49c.587-.654 1.152-1.338 1.726-2.01c.452.759.894 1.529 1.361 2.273c1.651 2.675 3.449 5.215 5.469 7.522c4.019 4.626 8.787 8.398 13.632 11.225a56.5 56.5 0 0 0 7.186 3.549c1.163.478 2.261.92 3.364 1.283c1.053.389 2.112.697 3.058.98c.941.286 1.864.498 2.633.7l2.104.432c.559.124 1.018.203 1.349.244l.485.072c10.865 1.606 21.976-3.964 26.876-14.42l.208-.444c.148-.299.337-.725.543-1.259l.803-1.992c.257-.753.592-1.639.873-2.581c.287-.945.616-1.998.874-3.09c.308-1.119.546-2.278.791-3.512c.5-2.473.857-5.151 1.017-7.95c.324-5.6-.182-11.659-1.814-17.565c-.806-2.959-1.927-5.861-3.243-8.716c-1.292-2.867-2.736-5.71-4.257-8.512c-1.251-2.286-2.603-4.51-3.989-6.693c2.487-.708 4.976-1.47 7.43-2.345c2.999-1.081 5.968-2.243 8.84-3.525c2.881-1.256 5.649-2.678 8.219-4.352c5.147-3.325 9.555-7.513 13.037-11.911a56.5 56.5 0 0 0 4.528-6.613c.637-1.084 1.23-2.109 1.745-3.149c.534-.988.988-1.992 1.402-2.889c.416-.891.756-1.775 1.064-2.508l.725-2.022c.202-.536.344-.979.432-1.301l.14-.47c3.127-10.522-.819-22.308-10.478-28.636"/><path fill="#FF473E" d="m244.546 249.384l-.012-.307c-.006-.239-.024-.44-.046-.697l-.234-2.696c-.142-1.265-.297-2.824-.562-4.633l-.422-2.887l-.566-3.214c-.355-2.24-.95-4.664-1.47-7.225l-.977-3.922c-.333-1.338-.662-2.705-1.09-4.076l-1.226-4.189c-.4-1.418-.937-2.816-1.402-4.244c-.497-1.419-.935-2.869-1.483-4.287l-1.662-4.255c-1.035-2.869-2.401-5.595-3.585-8.341c-.31-.68-.593-1.37-.921-2.033l-1.008-1.965l-1.967-3.854c-.325-.631-.632-1.264-.963-1.877l-1.045-1.785l-2.011-3.451c-.672-1.109-1.237-2.241-1.939-3.239l-1.953-2.933l-1.788-2.699c-.568-.856-1.085-1.683-1.663-2.396l-2.864-3.774l-2.48-3.291l-.644-.854c-6.078-8.064-4.468-19.528 3.596-25.606s19.528-4.468 25.606 3.596c.165.219.362.496.516.72l2.865 4.211l3.27 4.836c.653.919 1.245 1.961 1.891 3.046l2.024 3.42l2.191 3.719c.781 1.271 1.419 2.677 2.165 4.072l2.225 4.328l1.146 2.238c.363.764.701 1.549 1.056 2.333l2.136 4.786l1.084 2.439c.352.822.656 1.667.987 2.506c1.268 3.375 2.703 6.746 3.782 10.24l1.716 5.194c.561 1.729 1.007 3.485 1.508 5.208c.469 1.733 1.006 3.43 1.401 5.145l1.201 5.063c.416 1.655.73 3.308 1.045 4.922l.914 4.732c.476 3.108 1.012 6.013 1.312 8.757l.476 3.919l.334 3.571c.206 2.246.307 4.238.399 5.894l.085 2.244l.025.984l.013.87l.006 1.095l-.004.308c-.097 8.559-7.115 15.419-15.674 15.322c-8.276-.094-14.963-6.657-15.309-14.829z"/><path fill="#FFE564" d="m241.891 133.805l.001-.001l-.017-.017a25 25 0 0 0-1.878-1.878l-15.395-15.395c-4.459-4.971-10.929-8.1-18.132-8.1c-13.45 0-24.353 10.903-24.353 24.353c0 7.847 3.715 14.822 9.478 19.276l12.874 12.874c4.454 5.763 11.429 9.477 19.275 9.477c13.45 0 24.353-10.903 24.353-24.353a24.27 24.27 0 0 0-6.206-16.236"/></svg>

How to use the Hibiscus icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:hibiscus" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:hibiscus" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:hibiscus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hibiscus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hibiscus"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:hibiscus"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/hibiscus.svg" alt="Hibiscus icon" width="24" height="24">

Hibiscus icon in other icon sets

Hibiscus icon FAQ

Is the Hibiscus icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Hibiscus icon in React?

Install @iconify/react and render <Icon icon="fxemoji:hibiscus" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hibiscus icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/hibiscus.svg" alt="Hibiscus icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →