Ikon Flora
thesvg:flora
Ikon Flora (thesvg:flora) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 17.152c0-2.697 2.202-4.883 4.889-4.883c2.66 0 4.84 2.165 4.84 4.835s-2.156 4.835-4.816 4.835H2zM22 22h-4.913c-2.66 0-4.817-2.165-4.817-4.835s2.18-4.835 4.84-4.835c2.688 0 4.89 2.186 4.89 4.883zm0-15.152c0 2.697-2.202 4.883-4.889 4.883c-2.66 0-4.84-2.165-4.84-4.835s2.156-4.835 4.816-4.835H22zM2 2h4.913c2.66 0 4.817 2.165 4.817 4.835S9.55 11.67 6.889 11.67C4.202 11.67 2 9.484 2 6.787z"/></svg>Cara memakai ikon Flora
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:flora" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:flora" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:flora" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--flora]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:flora"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:flora"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg/flora.svg" alt="Ikon Flora" width="24" height="24">Ikon Flora di set ikon lain
FAQ Ikon Flora
Apakah ikon Flora gratis untuk penggunaan komersial?
Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Flora di React?
Pasang @iconify/react lalu render <Icon icon="thesvg:flora" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flora ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/flora.svg" alt="Ikon Flora">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.