hibiscus emoji
hibiscus from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- hibiscus
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the hibiscus emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M19.602 32.329c6.509 6.506 17.254-7.669 15.72-7.669c-7.669 0-22.227 1.161-15.72 7.669"/><path fill="#77b255" d="M15.644 33.372C9.612 39.404-.07 26.263 1.352 26.263c3.81 0 9.374-.348 12.79.867c2.958 1.052 4.304 3.442 1.502 6.242"/><path fill="#f4abba" d="M34.613 15.754c-.052-.901-.175-2.585-1.398-4.227c-1.16-1.549-3.805-3.371-5.534-2.585c.516-1.676-.264-4.125-1.191-5.49c-1.179-1.736-4.262-3.843-8.146-3.026c-1.754.369-4.18 2.036-4.632 3.864c-1.18-1.471-4.22-1.675-6.015-1.222c-2.026.511-3.154 1.777-3.739 2.461l.003-.005l-.03.034l-.027.033c-.583.689-1.656 1.994-1.847 4.074c-.193 2.146.75 5.832 3.026 6.042c.149.014.324.031.514.051c-2.271.098-3.572 3.654-3.595 5.8c-.022 2.102.926 3.506 1.443 4.243l-.003-.004a.2.2 0 0 1 .025.036c.007.011.02.023.026.036c.523.733 1.525 2.094 3.515 2.776c1.958.669 5.553.656 6.567-1.236c-.273 2.244 3.027 4.077 5.169 4.438c2.115.358 3.71-.358 4.55-.753l-.005.003l.041-.021l.041-.02c.838-.4 2.398-1.178 3.462-3.04c.729-1.282 1.27-3.403.951-5.015l.192.127c1.826 1.224 4.63-1.119 5.705-2.938c1.044-1.761.932-4.424.932-4.436"/><path fill="#ea596e" d="M27.542 13.542c-1.786-.997-4.874-.434-6.792.308a3.9 3.9 0 0 0-1.051-1.196c1.393-1.607 3.526-4.593 1.468-6.362c-2.191-1.883-3.74 2.154-3.575 5.605c-.068-.003-.132-.02-.201-.02c-1.019 0-1.94.402-2.632 1.045c-1.401-2.277-3.942-4.244-5.314-2.392c-1.482 2.002 1.148 3.153 4.222 4.2c-.09.329-.154.668-.154 1.025c0 .456.093.887.238 1.293c-2.541.732-6.236 2.718-4.21 4.91c2.122 2.296 4.472-1.238 5.604-3.053a3.85 3.85 0 0 0 2.247.727c.225 0 .441-.029.655-.066c-.109 4.802 1.443 7.07 4.036 5.892c2.295-1.043-.137-5.299-1.781-7.165c.316-.362.564-.779.729-1.241c7.008 2.544 8.589-2.351 6.511-3.51"/><path fill="#be1931" d="M17.707 17.459c-.679 0-.668-.562-.832-1.25c-.532-2.233-2.381-6.308-4.601-9.163a1.5 1.5 0 1 1 2.368-1.842c2.439 3.136 3.264 7.404 3.982 10.421c.191.806.237 1.601-.569 1.792a1.5 1.5 0 0 1-.348.042"/><path fill="#ffcc4d" d="M15.904 5.327c.498.684.079 1.838-.936 2.578l-.475.347c-1.016.739-2.243.785-2.741.101l-2.78-3.817c-.498-.684-.079-1.838.936-2.577l.475-.347c1.015-.739 2.242-.785 2.74-.101z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHibiscus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M19.602 32.329c6.509 6.506 17.254-7.669 15.72-7.669c-7.669 0-22.227 1.161-15.72 7.669"/><path fill="#77b255" d="M15.644 33.372C9.612 39.404-.07 26.263 1.352 26.263c3.81 0 9.374-.348 12.79.867c2.958 1.052 4.304 3.442 1.502 6.242"/><path fill="#f4abba" d="M34.613 15.754c-.052-.901-.175-2.585-1.398-4.227c-1.16-1.549-3.805-3.371-5.534-2.585c.516-1.676-.264-4.125-1.191-5.49c-1.179-1.736-4.262-3.843-8.146-3.026c-1.754.369-4.18 2.036-4.632 3.864c-1.18-1.471-4.22-1.675-6.015-1.222c-2.026.511-3.154 1.777-3.739 2.461l.003-.005l-.03.034l-.027.033c-.583.689-1.656 1.994-1.847 4.074c-.193 2.146.75 5.832 3.026 6.042c.149.014.324.031.514.051c-2.271.098-3.572 3.654-3.595 5.8c-.022 2.102.926 3.506 1.443 4.243l-.003-.004a.2.2 0 0 1 .025.036c.007.011.02.023.026.036c.523.733 1.525 2.094 3.515 2.776c1.958.669 5.553.656 6.567-1.236c-.273 2.244 3.027 4.077 5.169 4.438c2.115.358 3.71-.358 4.55-.753l-.005.003l.041-.021l.041-.02c.838-.4 2.398-1.178 3.462-3.04c.729-1.282 1.27-3.403.951-5.015l.192.127c1.826 1.224 4.63-1.119 5.705-2.938c1.044-1.761.932-4.424.932-4.436"/><path fill="#ea596e" d="M27.542 13.542c-1.786-.997-4.874-.434-6.792.308a3.9 3.9 0 0 0-1.051-1.196c1.393-1.607 3.526-4.593 1.468-6.362c-2.191-1.883-3.74 2.154-3.575 5.605c-.068-.003-.132-.02-.201-.02c-1.019 0-1.94.402-2.632 1.045c-1.401-2.277-3.942-4.244-5.314-2.392c-1.482 2.002 1.148 3.153 4.222 4.2c-.09.329-.154.668-.154 1.025c0 .456.093.887.238 1.293c-2.541.732-6.236 2.718-4.21 4.91c2.122 2.296 4.472-1.238 5.604-3.053a3.85 3.85 0 0 0 2.247.727c.225 0 .441-.029.655-.066c-.109 4.802 1.443 7.07 4.036 5.892c2.295-1.043-.137-5.299-1.781-7.165c.316-.362.564-.779.729-1.241c7.008 2.544 8.589-2.351 6.511-3.51"/><path fill="#be1931" d="M17.707 17.459c-.679 0-.668-.562-.832-1.25c-.532-2.233-2.381-6.308-4.601-9.163a1.5 1.5 0 1 1 2.368-1.842c2.439 3.136 3.264 7.404 3.982 10.421c.191.806.237 1.601-.569 1.792a1.5 1.5 0 0 1-.348.042"/><path fill="#ffcc4d" d="M15.904 5.327c.498.684.079 1.838-.936 2.578l-.475.347c-1.016.739-2.243.785-2.741.101l-2.78-3.817c-.498-.684-.079-1.838.936-2.577l.475-.347c1.015-.739 2.242-.785 2.74-.101z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M19.602 32.329c6.509 6.506 17.254-7.669 15.72-7.669c-7.669 0-22.227 1.161-15.72 7.669"/><path fill="#77b255" d="M15.644 33.372C9.612 39.404-.07 26.263 1.352 26.263c3.81 0 9.374-.348 12.79.867c2.958 1.052 4.304 3.442 1.502 6.242"/><path fill="#f4abba" d="M34.613 15.754c-.052-.901-.175-2.585-1.398-4.227c-1.16-1.549-3.805-3.371-5.534-2.585c.516-1.676-.264-4.125-1.191-5.49c-1.179-1.736-4.262-3.843-8.146-3.026c-1.754.369-4.18 2.036-4.632 3.864c-1.18-1.471-4.22-1.675-6.015-1.222c-2.026.511-3.154 1.777-3.739 2.461l.003-.005l-.03.034l-.027.033c-.583.689-1.656 1.994-1.847 4.074c-.193 2.146.75 5.832 3.026 6.042c.149.014.324.031.514.051c-2.271.098-3.572 3.654-3.595 5.8c-.022 2.102.926 3.506 1.443 4.243l-.003-.004a.2.2 0 0 1 .025.036c.007.011.02.023.026.036c.523.733 1.525 2.094 3.515 2.776c1.958.669 5.553.656 6.567-1.236c-.273 2.244 3.027 4.077 5.169 4.438c2.115.358 3.71-.358 4.55-.753l-.005.003l.041-.021l.041-.02c.838-.4 2.398-1.178 3.462-3.04c.729-1.282 1.27-3.403.951-5.015l.192.127c1.826 1.224 4.63-1.119 5.705-2.938c1.044-1.761.932-4.424.932-4.436"/><path fill="#ea596e" d="M27.542 13.542c-1.786-.997-4.874-.434-6.792.308a3.9 3.9 0 0 0-1.051-1.196c1.393-1.607 3.526-4.593 1.468-6.362c-2.191-1.883-3.74 2.154-3.575 5.605c-.068-.003-.132-.02-.201-.02c-1.019 0-1.94.402-2.632 1.045c-1.401-2.277-3.942-4.244-5.314-2.392c-1.482 2.002 1.148 3.153 4.222 4.2c-.09.329-.154.668-.154 1.025c0 .456.093.887.238 1.293c-2.541.732-6.236 2.718-4.21 4.91c2.122 2.296 4.472-1.238 5.604-3.053a3.85 3.85 0 0 0 2.247.727c.225 0 .441-.029.655-.066c-.109 4.802 1.443 7.07 4.036 5.892c2.295-1.043-.137-5.299-1.781-7.165c.316-.362.564-.779.729-1.241c7.008 2.544 8.589-2.351 6.511-3.51"/><path fill="#be1931" d="M17.707 17.459c-.679 0-.668-.562-.832-1.25c-.532-2.233-2.381-6.308-4.601-9.163a1.5 1.5 0 1 1 2.368-1.842c2.439 3.136 3.264 7.404 3.982 10.421c.191.806.237 1.601-.569 1.792a1.5 1.5 0 0 1-.348.042"/><path fill="#ffcc4d" d="M15.904 5.327c.498.684.079 1.838-.936 2.578l-.475.347c-1.016.739-2.243.785-2.741.101l-2.78-3.817c-.498-.684-.079-1.838.936-2.577l.475-.347c1.015-.739 2.242-.785 2.74-.101z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M19.602%2032.329c6.509%206.506%2017.254-7.669%2015.72-7.669c-7.669%200-22.227%201.161-15.72%207.669%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M15.644%2033.372C9.612%2039.404-.07%2026.263%201.352%2026.263c3.81%200%209.374-.348%2012.79.867c2.958%201.052%204.304%203.442%201.502%206.242%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M34.613%2015.754c-.052-.901-.175-2.585-1.398-4.227c-1.16-1.549-3.805-3.371-5.534-2.585c.516-1.676-.264-4.125-1.191-5.49c-1.179-1.736-4.262-3.843-8.146-3.026c-1.754.369-4.18%202.036-4.632%203.864c-1.18-1.471-4.22-1.675-6.015-1.222c-2.026.511-3.154%201.777-3.739%202.461l.003-.005l-.03.034l-.027.033c-.583.689-1.656%201.994-1.847%204.074c-.193%202.146.75%205.832%203.026%206.042c.149.014.324.031.514.051c-2.271.098-3.572%203.654-3.595%205.8c-.022%202.102.926%203.506%201.443%204.243l-.003-.004a.2.2%200%200%201%20.025.036c.007.011.02.023.026.036c.523.733%201.525%202.094%203.515%202.776c1.958.669%205.553.656%206.567-1.236c-.273%202.244%203.027%204.077%205.169%204.438c2.115.358%203.71-.358%204.55-.753l-.005.003l.041-.021l.041-.02c.838-.4%202.398-1.178%203.462-3.04c.729-1.282%201.27-3.403.951-5.015l.192.127c1.826%201.224%204.63-1.119%205.705-2.938c1.044-1.761.932-4.424.932-4.436%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M27.542%2013.542c-1.786-.997-4.874-.434-6.792.308a3.9%203.9%200%200%200-1.051-1.196c1.393-1.607%203.526-4.593%201.468-6.362c-2.191-1.883-3.74%202.154-3.575%205.605c-.068-.003-.132-.02-.201-.02c-1.019%200-1.94.402-2.632%201.045c-1.401-2.277-3.942-4.244-5.314-2.392c-1.482%202.002%201.148%203.153%204.222%204.2c-.09.329-.154.668-.154%201.025c0%20.456.093.887.238%201.293c-2.541.732-6.236%202.718-4.21%204.91c2.122%202.296%204.472-1.238%205.604-3.053a3.85%203.85%200%200%200%202.247.727c.225%200%20.441-.029.655-.066c-.109%204.802%201.443%207.07%204.036%205.892c2.295-1.043-.137-5.299-1.781-7.165c.316-.362.564-.779.729-1.241c7.008%202.544%208.589-2.351%206.511-3.51%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M17.707%2017.459c-.679%200-.668-.562-.832-1.25c-.532-2.233-2.381-6.308-4.601-9.163a1.5%201.5%200%201%201%202.368-1.842c2.439%203.136%203.264%207.404%203.982%2010.421c.191.806.237%201.601-.569%201.792a1.5%201.5%200%200%201-.348.042%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M15.904%205.327c.498.684.079%201.838-.936%202.578l-.475.347c-1.016.739-2.243.785-2.741.101l-2.78-3.817c-.498-.684-.079-1.838.936-2.577l.475-.347c1.015-.739%202.242-.785%202.74-.101z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M19.602%2032.329c6.509%206.506%2017.254-7.669%2015.72-7.669c-7.669%200-22.227%201.161-15.72%207.669%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M15.644%2033.372C9.612%2039.404-.07%2026.263%201.352%2026.263c3.81%200%209.374-.348%2012.79.867c2.958%201.052%204.304%203.442%201.502%206.242%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M34.613%2015.754c-.052-.901-.175-2.585-1.398-4.227c-1.16-1.549-3.805-3.371-5.534-2.585c.516-1.676-.264-4.125-1.191-5.49c-1.179-1.736-4.262-3.843-8.146-3.026c-1.754.369-4.18%202.036-4.632%203.864c-1.18-1.471-4.22-1.675-6.015-1.222c-2.026.511-3.154%201.777-3.739%202.461l.003-.005l-.03.034l-.027.033c-.583.689-1.656%201.994-1.847%204.074c-.193%202.146.75%205.832%203.026%206.042c.149.014.324.031.514.051c-2.271.098-3.572%203.654-3.595%205.8c-.022%202.102.926%203.506%201.443%204.243l-.003-.004a.2.2%200%200%201%20.025.036c.007.011.02.023.026.036c.523.733%201.525%202.094%203.515%202.776c1.958.669%205.553.656%206.567-1.236c-.273%202.244%203.027%204.077%205.169%204.438c2.115.358%203.71-.358%204.55-.753l-.005.003l.041-.021l.041-.02c.838-.4%202.398-1.178%203.462-3.04c.729-1.282%201.27-3.403.951-5.015l.192.127c1.826%201.224%204.63-1.119%205.705-2.938c1.044-1.761.932-4.424.932-4.436%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M27.542%2013.542c-1.786-.997-4.874-.434-6.792.308a3.9%203.9%200%200%200-1.051-1.196c1.393-1.607%203.526-4.593%201.468-6.362c-2.191-1.883-3.74%202.154-3.575%205.605c-.068-.003-.132-.02-.201-.02c-1.019%200-1.94.402-2.632%201.045c-1.401-2.277-3.942-4.244-5.314-2.392c-1.482%202.002%201.148%203.153%204.222%204.2c-.09.329-.154.668-.154%201.025c0%20.456.093.887.238%201.293c-2.541.732-6.236%202.718-4.21%204.91c2.122%202.296%204.472-1.238%205.604-3.053a3.85%203.85%200%200%200%202.247.727c.225%200%20.441-.029.655-.066c-.109%204.802%201.443%207.07%204.036%205.892c2.295-1.043-.137-5.299-1.781-7.165c.316-.362.564-.779.729-1.241c7.008%202.544%208.589-2.351%206.511-3.51%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M17.707%2017.459c-.679%200-.668-.562-.832-1.25c-.532-2.233-2.381-6.308-4.601-9.163a1.5%201.5%200%201%201%202.368-1.842c2.439%203.136%203.264%207.404%203.982%2010.421c.191.806.237%201.601-.569%201.792a1.5%201.5%200%200%201-.348.042%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M15.904%205.327c.498.684.079%201.838-.936%202.578l-.475.347c-1.016.739-2.243.785-2.741.101l-2.78-3.817c-.498-.684-.079-1.838.936-2.577l.475-.347c1.015-.739%202.242-.785%202.74-.101z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/hibiscus.svg?color=%231a73e8&size=48
