Flower icon
whh:flower
The Flower icon (whh:flower) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 1026 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1026 × 1026
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1026" viewBox="0 0 1026 1026"><path fill="currentColor" d="M925 595q-27 11-69.5 9.5T759 584q10-35 10-71q0-110-80-186q33-38 65-61t71-35h3q45-14 83 4t47 57q11 48-21 100q32 10 55.5 32t30.5 47q10 38-18.5 74T926 595zM513 257q-78 0-142 43q-32-49-41-87t-9-85q0-53 28-90.5T417 0q25 0 51.5 15.5T513 57q18-26 44.5-41.5T609 0q40 0 68 37.5t28 90.5q0 47-9 85t-41 87q-64-43-142-43M257 512q0 37 10 72q-55 19-97 20.5t-70-9.5q-50-14-78.5-50T3 471q7-25 30.5-47T89 392q-32-52-21-100q9-39 47-57t83-4h3q39 12 71 35t65 61q-80 76-80 185M150 754v-1q1-1 2-3.5t2-4t2.5-3.5t1.5-3q23-38 51.5-63t74.5-49q30 60 86.5 98T496 768q-5 58-10 97q1 34-12 68q1 8-8 18q3-4 7-16q-5 11-7 16q-25 46-66 65t-74-1q-22-14-36.5-44T274 907q-28 18-61.5 20.5T157 917q-28-15-28.5-68t20.5-94zm171-241.5q0-79.5 56-135.5t135.5-56t136 56T705 512.5t-56.5 136t-136 56.5T377 648.5t-56-136M742 627q46 24 74.5 49t50.5 63q1 1 2.5 3t2.5 3.5t2 4.5t2 3v1l1 1q21 40 20.5 93.5T869 917q-22 13-55.5 10.5T752 907q-1 34-15.5 64t-36.5 44q-33 20-74 1t-66-66q-1-3-7-15q4 12 7 15q-9-9-8-17q-13-34-12-68q-5-39-10-97q69-5 125.5-43t86.5-98"/></svg>
How to use the Flower icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:flower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:flower"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/flower.svg" alt="Flower icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Flower icon in other icon sets
Flower icon FAQ
Is the Flower icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Flower icon in React?
Install @iconify/react and render <Icon icon="whh:flower" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flower icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/flower.svg" alt="Flower icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
