hibiscus emoji
hibiscus from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- hibiscus
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the hibiscus emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" stroke="#ffa7c0" d="M56.239 31.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552 2.894-11.305 8.577c-1.836.408-3.839 6.938-2.046 9.081c1.619 1.937 6.814 3.985 6.814 3.985c.087 2.523 3.752 5.271 6.275 5.184c2.364-.082 7.708-1.107 7.42-5.185c0 0 5.746-.559 7.051-4.52Z"/><path fill="#fcea2b" d="M40.82 28.398c-1.834 0-3.32-1.443-3.32-3.223c0-1.369.769-2.538 2.009-3.006a.7.7 0 0 1 .693.144l3.437 2.853l3.273 2.769c.369.312.566.809.44 1.276c-.371 1.386-1.669 2.41-3.213 2.41c-1.833 0-3.319-1.443-3.319-3.223"/><path fill="#b1cc33" d="M21.818 33.265c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.818 33.276c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233m11.175 8.555c-3.438 3.548-7.676 10.246-5.829 20.735m15.848-36.193c-.001 0 3.03-3.917-.072-7.5m3.47 10.152a3 3 0 1 1-6 0m0 0a3 3 0 0 1-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30.765 22.439c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258m-6.487 21.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434 2.581-8.411m11.108-8.496c1.628-2.337 5.486-2.379 8.617-.094c3.13 2.284 4.348 6.03 2.72 8.366m.152-.03c2.748.747 4.085 4.366 2.987 8.083c-1.099 3.716-4.216 6.123-6.964 5.376m-.031-.023c.098 2.846-2.964 5.193-6.839 5.242s-7.096-2.218-7.194-5.064"/><circle cx="47.825" cy="25.042" r="1"/><circle cx="47.731" cy="19.443" r="1"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiHibiscus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" stroke="#ffa7c0" d="M56.239 31.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552 2.894-11.305 8.577c-1.836.408-3.839 6.938-2.046 9.081c1.619 1.937 6.814 3.985 6.814 3.985c.087 2.523 3.752 5.271 6.275 5.184c2.364-.082 7.708-1.107 7.42-5.185c0 0 5.746-.559 7.051-4.52Z"/><path fill="#fcea2b" d="M40.82 28.398c-1.834 0-3.32-1.443-3.32-3.223c0-1.369.769-2.538 2.009-3.006a.7.7 0 0 1 .693.144l3.437 2.853l3.273 2.769c.369.312.566.809.44 1.276c-.371 1.386-1.669 2.41-3.213 2.41c-1.833 0-3.319-1.443-3.319-3.223"/><path fill="#b1cc33" d="M21.818 33.265c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M21.818 33.276c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233m11.175 8.555c-3.438 3.548-7.676 10.246-5.829 20.735m15.848-36.193c-.001 0 3.03-3.917-.072-7.5m3.47 10.152a3 3 0 1 1-6 0m0 0a3 3 0 0 1-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M30.765 22.439c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258m-6.487 21.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434 2.581-8.411m11.108-8.496c1.628-2.337 5.486-2.379 8.617-.094c3.13 2.284 4.348 6.03 2.72 8.366m.152-.03c2.748.747 4.085 4.366 2.987 8.083c-1.099 3.716-4.216 6.123-6.964 5.376m-.031-.023c.098 2.846-2.964 5.193-6.839 5.242s-7.096-2.218-7.194-5.064"/><circle cx="47.825" cy="25.042" r="1"/><circle cx="47.731" cy="19.443" r="1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" stroke="#ffa7c0" d="M56.239 31.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552 2.894-11.305 8.577c-1.836.408-3.839 6.938-2.046 9.081c1.619 1.937 6.814 3.985 6.814 3.985c.087 2.523 3.752 5.271 6.275 5.184c2.364-.082 7.708-1.107 7.42-5.185c0 0 5.746-.559 7.051-4.52Z"/><path fill="#fcea2b" d="M40.82 28.398c-1.834 0-3.32-1.443-3.32-3.223c0-1.369.769-2.538 2.009-3.006a.7.7 0 0 1 .693.144l3.437 2.853l3.273 2.769c.369.312.566.809.44 1.276c-.371 1.386-1.669 2.41-3.213 2.41c-1.833 0-3.319-1.443-3.319-3.223"/><path fill="#b1cc33" d="M21.818 33.265c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.818 33.276c3.992 4.886 2.805 12.462 2.805 12.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233m11.175 8.555c-3.438 3.548-7.676 10.246-5.829 20.735m15.848-36.193c-.001 0 3.03-3.917-.072-7.5m3.47 10.152a3 3 0 1 1-6 0m0 0a3 3 0 0 1-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M30.765 22.439c-1.784-2.219-.74-5.933 2.333-8.296c3.072-2.362 7.01-2.477 8.794-.258m-6.487 21.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434 2.581-8.411m11.108-8.496c1.628-2.337 5.486-2.379 8.617-.094c3.13 2.284 4.348 6.03 2.72 8.366m.152-.03c2.748.747 4.085 4.366 2.987 8.083c-1.099 3.716-4.216 6.123-6.964 5.376m-.031-.023c.098 2.846-2.964 5.193-6.839 5.242s-7.096-2.218-7.194-5.064"/><circle cx="47.825" cy="25.042" r="1"/><circle cx="47.731" cy="19.443" r="1"/></svg> </template>
CSS
.icon-hibiscus {
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%23ffa7c0%22%20stroke%3D%22%23ffa7c0%22%20d%3D%22M56.239%2031.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552%202.894-11.305%208.577c-1.836.408-3.839%206.938-2.046%209.081c1.619%201.937%206.814%203.985%206.814%203.985c.087%202.523%203.752%205.271%206.275%205.184c2.364-.082%207.708-1.107%207.42-5.185c0%200%205.746-.559%207.051-4.52Z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.82%2028.398c-1.834%200-3.32-1.443-3.32-3.223c0-1.369.769-2.538%202.009-3.006a.7.7%200%200%201%20.693.144l3.437%202.853l3.273%202.769c.369.312.566.809.44%201.276c-.371%201.386-1.669%202.41-3.213%202.41c-1.833%200-3.319-1.443-3.319-3.223%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M21.818%2033.265c3.992%204.886%202.805%2012.462%202.805%2012.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351%2011.653%205.233%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%22M21.818%2033.276c3.992%204.886%202.805%2012.462%202.805%2012.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351%2011.653%205.233m11.175%208.555c-3.438%203.548-7.676%2010.246-5.829%2020.735m15.848-36.193c-.001%200%203.03-3.917-.072-7.5m3.47%2010.152a3%203%200%201%201-6%200m0%200a3%203%200%200%201-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933%202.333-8.296c3.072-2.362%207.01-2.477%208.794-.258%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.765%2022.439c-1.784-2.219-.74-5.933%202.333-8.296c3.072-2.362%207.01-2.477%208.794-.258m-6.487%2021.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434%202.581-8.411m11.108-8.496c1.628-2.337%205.486-2.379%208.617-.094c3.13%202.284%204.348%206.03%202.72%208.366m.152-.03c2.748.747%204.085%204.366%202.987%208.083c-1.099%203.716-4.216%206.123-6.964%205.376m-.031-.023c.098%202.846-2.964%205.193-6.839%205.242s-7.096-2.218-7.194-5.064%22%2F%3E%3Ccircle%20cx%3D%2247.825%22%20cy%3D%2225.042%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2247.731%22%20cy%3D%2219.443%22%20r%3D%221%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%22%23ffa7c0%22%20stroke%3D%22%23ffa7c0%22%20d%3D%22M56.239%2031.078c.789-2.398-.301-8.807-2.824-8.894c3.467-10.044-11.017-11.013-11.385-8.228c-3.083-5.954-15.552%202.894-11.305%208.577c-1.836.408-3.839%206.938-2.046%209.081c1.619%201.937%206.814%203.985%206.814%203.985c.087%202.523%203.752%205.271%206.275%205.184c2.364-.082%207.708-1.107%207.42-5.185c0%200%205.746-.559%207.051-4.52Z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.82%2028.398c-1.834%200-3.32-1.443-3.32-3.223c0-1.369.769-2.538%202.009-3.006a.7.7%200%200%201%20.693.144l3.437%202.853l3.273%202.769c.369.312.566.809.44%201.276c-.371%201.386-1.669%202.41-3.213%202.41c-1.833%200-3.319-1.443-3.319-3.223%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M21.818%2033.265c3.992%204.886%202.805%2012.462%202.805%2012.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351%2011.653%205.233%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%22M21.818%2033.276c3.992%204.886%202.805%2012.462%202.805%2012.462s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351%2011.653%205.233m11.175%208.555c-3.438%203.548-7.676%2010.246-5.829%2020.735m15.848-36.193c-.001%200%203.03-3.917-.072-7.5m3.47%2010.152a3%203%200%201%201-6%200m0%200a3%203%200%200%201-.736-5.909m-8.909-.677c-1.784-2.219-.74-5.933%202.333-8.296c3.072-2.362%207.01-2.477%208.794-.258%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.765%2022.439c-1.784-2.219-.74-5.933%202.333-8.296c3.072-2.362%207.01-2.477%208.794-.258m-6.487%2021.886c-2.675.977-5.857-1.206-7.107-4.874c-1.25-3.669-.094-7.434%202.581-8.411m11.108-8.496c1.628-2.337%205.486-2.379%208.617-.094c3.13%202.284%204.348%206.03%202.72%208.366m.152-.03c2.748.747%204.085%204.366%202.987%208.083c-1.099%203.716-4.216%206.123-6.964%205.376m-.031-.023c.098%202.846-2.964%205.193-6.839%205.242s-7.096-2.218-7.194-5.064%22%2F%3E%3Ccircle%20cx%3D%2247.825%22%20cy%3D%2225.042%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2247.731%22%20cy%3D%2219.443%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/hibiscus.svg?color=%231a73e8&size=48
