Ikon Flower 5 Line
mingcute:flower-5-line
Ikon Flower 5 Line (mingcute:flower-5-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- flowerline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M9.409 5.744c-1.522-.786-2.991-.89-3.773-.108c-.782.781-.678 2.25.108 3.772m3.665-3.664a9.1 9.1 0 0 1 2.237 1.66c1.05 1.049 1.476 1.98 1.348 2.86m.937 1.212C14.644 10.943 15 9.984 15 8.5a9.1 9.1 0 0 0-.409-2.756C14.071 4.112 13.105 3 12 3S9.93 4.112 9.409 5.744m5.182 0c1.522-.786 2.992-.89 3.773-.108c.782.781.678 2.251-.108 3.773m-5.732 4.522c.533.713 1.492 1.07 2.976 1.07a9.1 9.1 0 0 0 2.756-.41c1.631-.52 2.744-1.485 2.744-2.59c0-1.106-1.113-2.072-2.744-2.592m0 0a9.2 9.2 0 0 1-1.66 2.237c-1.049 1.05-1.98 1.476-2.86 1.348m-2.73.742c-.128.88.298 1.811 1.348 2.86a9.2 9.2 0 0 0 2.237 1.66c1.522.786 2.991.89 3.773.108c.781-.781.678-2.25-.108-3.772m-8.187-2.068C9.356 13.057 9 14.016 9 15.5c0 .999.149 1.942.409 2.756C9.929 19.888 10.895 21 12 21s2.07-1.112 2.591-2.744m-4.327-7.25c-.88-.128-1.811.299-2.86 1.348a9.2 9.2 0 0 0-1.66 2.237c-.786 1.522-.89 2.992-.108 3.773s2.251.678 3.773-.108m2.067-8.187C10.943 9.356 9.984 9 8.5 9a9.1 9.1 0 0 0-2.756.41C4.113 9.928 3 10.894 3 11.998c0 1.106 1.113 2.072 2.744 2.592m5.732-4.522a2 2 0 0 1 1.518.195m-1.518-.195c-.517.14-.95.482-1.212.937m3.472 1.988a2 2 0 0 0 .195-1.518a2 2 0 0 0-.936-1.212m.74 2.73a2 2 0 0 1-1.21.937m0 0a2 2 0 0 1-1.52-.195m-.74-2.73a2 2 0 0 0-.196 1.518c.14.517.482.95.936 1.212"/></svg>
Cara memakai ikon Flower 5 Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:flower-5-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:flower-5-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:flower-5-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--flower-5-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:flower-5-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:flower-5-line"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Ikon Flower 5 Line" width="24" height="24">
Ikon terkait di MingCute Icon
FAQ Ikon Flower 5 Line
Apakah ikon Flower 5 Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Flower 5 Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:flower-5-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flower 5 Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Ikon Flower 5 Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon MingCute Icon →
ICONYZ
