Ikon Hibiscus

fxemoji:hibiscus

Ikon Hibiscus (fxemoji:hibiscus) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Firefox OS Emoji
Pembuat: Mozilla
Lisensi: Apache-2.0
Ukuran: 512 × 512
Kategori: Alam

Download SVG

Kode SVG

<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>

Cara memakai ikon Hibiscus

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>

Gambar HTML

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

Ikon Hibiscus di set ikon lain

FAQ Ikon Hibiscus

Apakah ikon Hibiscus gratis untuk penggunaan komersial?

Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Hibiscus di React?

Pasang @iconify/react lalu render <Icon icon="fxemoji:hibiscus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Hibiscus ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/hibiscus.svg" alt="Ikon Hibiscus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Firefox OS Emoji →