Иконка Flower 5 Line
mingcute:flower-5-line
Иконка Flower 5 Line (mingcute:flower-5-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- MingCute Icon
- Автор
- MingCute Design
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- flowerline
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Иконка Flower 5 Line" width="24" height="24">
Похожие иконки в наборе MingCute Icon
Вопросы и ответы: Иконка Flower 5 Line
Можно ли бесплатно использовать иконку Flower 5 Line в коммерческих проектах?
Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Flower 5 Line в React?
Установите @iconify/react и выведите <Icon icon="mingcute:flower-5-line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Flower 5 Line на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Иконка Flower 5 Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки MingCute Icon →
ICONYZ
