Ikon Hibiscus

emojione-monotone:hibiscus

Ikon Hibiscus (emojione-monotone:hibiscus) adalah ikon SVG gratis dari set Emoji One (Monotone) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (Monotone) icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Emoji One (Monotone)
Pembuat: Emoji One
Lisensi: CC-BY-4.0
Ukuran: 64 × 64
Kategori: Alam

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M54.604 36.906c2.536-2.497 4.124-5.947 4.124-9.779c0-7.615-6.2-13.786-13.849-13.786c-.052 0-.102.007-.153.008A13.85 13.85 0 0 0 32.002 5a13.85 13.85 0 0 0-12.725 8.349c-.052-.001-.103-.008-.155-.008c-7.646 0-13.847 6.171-13.847 13.786c0 3.832 1.588 7.282 4.124 9.779c-4.205.564-7.399.573-7.399.573s.879 24.126 18.527 21.29c6.15-.989 9.687-3.824 11.474-5.811c1.786 1.986 5.322 4.821 11.476 5.811C61.123 61.604 62 37.479 62 37.479s-3.192-.009-7.396-.573m-2.665 1.353c.43 1.245.647 2.527.647 3.807c0 6.479-5.295 11.75-11.802 11.75c-2.725 0-5.383-.946-7.484-2.666l-1.299-1.062l-1.299 1.062a11.85 11.85 0 0 1-7.484 2.666c-6.507 0-11.802-5.271-11.802-11.75c0-1.279.218-2.562.647-3.807l.451-1.31l-1.054-.899a11.71 11.71 0 0 1-4.14-8.923c0-6.465 5.271-11.726 11.758-11.75q.08.006.16.008l1.376.026l.543-1.258c1.866-4.323 6.122-7.116 10.845-7.116s8.979 2.793 10.845 7.116l.543 1.258l1.376-.026q.077-.002.159-.008c6.488.025 11.759 5.286 11.759 11.75c0 3.43-1.509 6.681-4.14 8.923l-1.056.899z"/><path fill="currentColor" d="m21.389 23.096l1.408.138q-.08-.077-.163-.15c-.099-.084-.191-.188-.287-.283l-1.079.148zm3.256 1.853a45 45 0 0 1-.564-.526v.554l.239.237zm-4.343-5.574q-.016-.047-.029-.092l-.668.092zm-.378-2.095q-.476.091-.937.221l.943-.129c.001-.031-.006-.061-.006-.092M32.04 28.562a6 6 0 0 1-.004-.617l-.544-.102zm8.394 2.253c-2.792-1.606-4.394.051-6.882-.268l.178.233c.55.722.456 1.395.066 1.851c.44 1.302-.005 3.141.789 4.972c1.16 2.677 1.479 6.091.478 8.604c-.374.937-.995 1.779-1.761 2.533a10.8 10.8 0 0 0 5.558 1.538c4.777 0 8.688-3.295 10.491-7.248c.678-1.487.831-4.506-.523-6.651c-1.657-2.616-4.955-3.584-8.394-5.564M22.15 26.349l.079.572l.577-.47l-.417-.416z"/><path fill="currentColor" d="M24.705 34.829c2.122-.607 3.17-2.643 5.43-3.574l-3.449-4.533l-.069.695l.46.347l-.568.746l-.071.707l.813.984l-1.508 1.231l-1.237-1.5l.989-.808l.011-.111l-1.161-.876l.772-1.015l-.165-1.202l-.063.051l-1.282 1.276l-.127-.126l-.69.563l-.126 1.27l-1.939-.191l.094-.946l-.423.058l-.266-1.922l1.264-.175l1.23-1.614l-1.328-.13l-.986.808l-.01-.012v.25h-1.95v-1.467l-.831-.627l1.177-1.547l1.021.769l.984-.134l.598-.595a9 9 0 0 1-.631-1.16h-2.213l-.905.901l-1.378-1.373l1.378-1.372l.905.899h.766l-.26-1.864c-4.518 1.291-7.827 5.426-7.827 10.338c0 2.254 1.354 7.036 4.866 8.209c2.421.81 6.118-.486 8.705-1.228m3.56-12.838l-.884.12l.297.36zm-.778-5.343l-.181.183l.249.302zm1.271 3.671h-1.442l-.085.86l2.103-.286zm3.603 5.704l-.811-.985l-.949-.093l.208 1.504l-.343.046l.802 1.055q.392.127.781.259c-.002.044-.012.092-.014.136c.027-.605.161-1.266.361-1.951zm-9.228-10.804c-.112.162-.237.315-.342.482c-.037.156-.062.318-.092.479l.434-.566zm2.757 4.156h.383l.211-.279l.019-.181l-.582-.705l-.601.598z"/><path fill="currentColor" d="m24.651 16.831l.159 1.151l2.104-2.097v-1.273h1.95v1.535l.511-.07l.268 1.923l-1.233.169l.025.03l-.206.168l-.767 1.008h1.296l.905-.899l.717.714l1.838.179l-.144 1.468l.178.133l-.22.289l-.004.041l-.026-.003l-.929 1.218l-1.017-.767l-1.705 1.392h.513v.687l2.778.274l.99-.809l.536.65c1.404-3.067 3.796-6.135 5.375-7.044c.896-.514 1.852-.786 2.84-.894a10.8 10.8 0 0 0-9.382-5.432c-2.85 0-5.434 1.105-7.364 2.898l.347.345l-.904.901v.084l1.344 1.018zm-1.518.741V16.52l-.436-.328a9.4 9.4 0 0 0-.155 1.925l.021.022zm10.413 20.26c-.516-1.868.126-3.582-.071-4.916a1.8 1.8 0 0 1-.56.246l-.008.003a2 2 0 0 1-.286.044l-.03.004a2 2 0 0 1-.266-.007l-.059-.003a1.5 1.5 0 0 1-.237-.052q-.043-.008-.083-.02c-.074-.024-.144-.06-.216-.094c-.03-.016-.063-.025-.092-.043c-.071-.039-.138-.092-.205-.144c-.027-.021-.057-.038-.083-.061a2 2 0 0 1-.26-.278l-.753-.99c-2.151 1.228-2.896 3.424-4.93 4.327c-2.455 1.09-5.921 2.783-8.449 2.418c-.9-.133-1.652-.584-2.33-1.208a10.6 10.6 0 0 0-.297 2.455c0 5.944 4.84 10.765 10.813 10.765c1.904 0 3.691-.496 5.246-1.357c1.01-.689 1.869-1.515 2.433-2.501c1.342-2.352 1.5-5.776.723-8.588"/><path fill="currentColor" d="M46.141 17.886c-.089-.026-.177-.063-.266-.088c-1.864-.522-3.737-.643-5.523.075c-1.795.725-4.827 3.727-6.62 6.752l.139.167l-.435.354c-.521.957-.908 1.904-1.07 2.768a5 5 0 0 0-.082.968l1.145 1.503c2.604.044 3.956-1.908 7.002-.681c3.68 1.485 6.798 2.011 8.801 4.373c.346.41.579.749.762 1.066a10.7 10.7 0 0 0 2.878-7.295c-.002-4.505-2.785-8.358-6.731-9.962"/></svg>

Cara memakai ikon Hibiscus

React

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

<Icon icon="emojione-monotone:hibiscus" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:hibiscus" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:hibiscus" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:hibiscus"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/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. Emoji One (Monotone) icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Hibiscus di React?

Pasang @iconify/react lalu render <Icon icon="emojione-monotone: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/emojione-monotone/hibiscus.svg" alt="Ikon Hibiscus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Emoji One (Monotone) →