Flower icon
cil:flower
The Flower icon (cil:flower) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M408 304a168.21 168.21 0 0 0-152 96.5A168.21 168.21 0 0 0 104 304H16v16c0 92.636 75.364 168 168 168h144c92.636 0 168-75.364 168-168v-16ZM184 456c-69.581 0-127.124-52.519-135.064-120H104c69.581 0 127.124 52.519 135.064 120Zm144 0h-55.064c7.94-67.481 65.483-120 135.064-120h55.064c-7.94 67.481-65.483 120-135.064 120"/><path fill="currentColor" d="M169.227 262.773a87.36 87.36 0 0 0 24.547 47.453l4.687 4.686h6.627A87.35 87.35 0 0 0 256 298.716a87.36 87.36 0 0 0 50.912 16.2h6.627l4.687-4.686a87.36 87.36 0 0 0 24.547-47.453a87.36 87.36 0 0 0 47.453-24.547l4.686-4.687v-6.627A87.35 87.35 0 0 0 378.716 176a87.36 87.36 0 0 0 16.2-50.912v-6.627l-4.686-4.687a87.36 87.36 0 0 0-47.453-24.547a87.36 87.36 0 0 0-24.547-47.453l-4.687-4.686h-6.627A87.36 87.36 0 0 0 256 53.284a87.35 87.35 0 0 0-50.912-16.2h-6.627l-4.687 4.686a87.36 87.36 0 0 0-24.547 47.453a87.36 87.36 0 0 0-47.453 24.547l-4.686 4.687v6.627A87.36 87.36 0 0 0 133.284 176a87.35 87.35 0 0 0-16.2 50.912v6.627l4.686 4.687a87.36 87.36 0 0 0 47.457 24.547m-3.736-98.086a55.57 55.57 0 0 1-16-32.8A55.57 55.57 0 0 1 184 120h16v-16a55.57 55.57 0 0 1 11.884-34.506a55.57 55.57 0 0 1 32.8 16L256 96.8l11.313-11.313a55.57 55.57 0 0 1 32.8-16A55.57 55.57 0 0 1 312 104v16h16a55.57 55.57 0 0 1 34.506 11.884a55.57 55.57 0 0 1-16 32.8L335.2 176l11.314 11.314a55.57 55.57 0 0 1 16 32.8A55.57 55.57 0 0 1 328 232h-16v16a55.57 55.57 0 0 1-11.884 34.506a55.57 55.57 0 0 1-32.8-16L256 255.2l-11.314 11.31a55.57 55.57 0 0 1-32.8 16A55.57 55.57 0 0 1 200 248v-16h-16a55.57 55.57 0 0 1-34.506-11.884a55.57 55.57 0 0 1 16-32.8L176.8 176Z"/></svg>
How to use the Flower icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:flower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:flower"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/flower.svg" alt="Flower icon" width="24" height="24">
Flower icon in other icon sets
Flower icon FAQ
Is the Flower icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Flower icon in React?
Install @iconify/react and render <Icon icon="cil: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/cil/flower.svg" alt="Flower icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
