Иконка Flowerpot
whh:flowerpot
Иконка Flowerpot (whh:flowerpot) — бесплатная SVG-иконка из набора WebHostingHub Glyphs от WebHostingHub. Она нарисована на сетке 897 × 1024. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- WebHostingHub Glyphs
- Автор
- WebHostingHub
- Лицензия
- OFL-1.1
- Размер
- 897 × 1024
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="897" height="1024" viewBox="0 0 897 1024"><path fill="currentColor" d="M625.944 320q-27-1-54-15q-2-1-4-3t-3-2q-45 31-80.5 72t-35.5 76q0 21 21 64h267q13 0 22.5 9.5t9.5 22.5v64q0 13-9.5 22.5t-22.5 9.5h-32l-77 357q-3 11-12 19t-20 8h-293q-12 0-21-8t-12-19l-77-357h-32q-13 0-22.5-9.5t-9.5-22.5v-64q0-13 9.5-22.5t22.5-9.5h216q8-34 8-64q0-38-14-82q-42-49-102-76q-65 53-138 12q-24-13-43-27t-32.5-31.5t-23-31.5t-15.5-36.5t-9.5-37.5t-4.5-43t-1.5-44.5T.944 0q22 25 56 36t68 13t68 6.5t65 24.5t50 58q13 25 13 56q0 25-10 47q47 27 74 47q20 15 40 46q26-55 94-96v-1q-25-91 54-136q31-17 58.5-26.5t56-9.5t49.5 2.5t52 16t50 23t58 30.5q-33 6-59 28.5t-44.5 48.5t-39.5 51.5t-53 41t-75 13.5"/></svg>Как использовать иконку Flowerpot
React
import { Icon } from "@iconify/react";
<Icon icon="whh:flowerpot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:flowerpot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:flowerpot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--flowerpot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:flowerpot"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:flowerpot"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/whh/flowerpot.svg" alt="Иконка Flowerpot" width="24" height="24">Вопросы и ответы: Иконка Flowerpot
Можно ли бесплатно использовать иконку Flowerpot в коммерческих проектах?
Да. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Flowerpot в React?
Установите @iconify/react и выведите <Icon icon="whh:flowerpot" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Flowerpot на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/whh/flowerpot.svg" alt="Иконка Flowerpot">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.