Geometric Flowers icon
icon-park:geometric-flowers
The Geometric Flowers icon (icon-park:geometric-flowers) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Abstract
- Tags
- geometricflowers, flower
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M28.9914 27.9914C32.5062 24.4767 30.2901 16.5621 24.0417 10.3137C17.7933 4.06535 9.87874 1.84927 6.36402 5.36399C2.8493 8.87871 5.06538 16.7933 11.3138 23.0417C17.5622 29.29 25.4767 31.5061 28.9914 27.9914Z"/><path d="M28.9914 19.0646C32.5061 22.5793 30.29 30.4939 24.0416 36.7423C17.7932 42.9907 9.87868 45.2067 6.36396 41.692C2.84924 38.1773 5.06532 30.2627 11.3137 24.0144C17.5621 17.766 25.4767 15.5499 28.9914 19.0646Z"/><path d="M20.0086 27.9914C16.4939 24.4767 18.71 16.5621 24.9584 10.3137C31.2068 4.06535 39.1213 1.84927 42.636 5.36399C46.1508 8.87871 43.9347 16.7933 37.6863 23.0417C31.4379 29.2901 23.5233 31.5061 20.0086 27.9914Z"/><path d="M20.0086 19.0646C16.4939 22.5793 18.71 30.4939 24.9584 36.7423C31.2068 42.9907 39.1213 45.2067 42.636 41.692C46.1508 38.1773 43.9347 30.2627 37.6863 24.0144C31.4379 17.766 23.5233 15.5499 20.0086 19.0646Z"/></g></svg>How to use the Geometric Flowers icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:geometric-flowers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:geometric-flowers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:geometric-flowers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--geometric-flowers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:geometric-flowers"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:geometric-flowers"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/geometric-flowers.svg" alt="Geometric Flowers icon" width="24" height="24">Geometric Flowers icon in other icon sets
Geometric Flowers icon FAQ
Is the Geometric Flowers icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Geometric Flowers icon in React?
Install @iconify/react and render <Icon icon="icon-park:geometric-flowers" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Geometric Flowers icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/geometric-flowers.svg" alt="Geometric Flowers icon">, or paste the SVG code inline to style it with CSS.