Dove Leaf icon
andrsrxn:dove-leaf
The Dove Leaf icon (andrsrxn:dove-leaf) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT 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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Nature, Animals
- Tags
- doveleaf
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M17.98 8.9c-.98-1.35-3.69-1.75-4.66.22c-.21.3-.6.43-.89.2c-.94-.75-2-2.72-2.96-4.31c0 0-1.74 3.36-2.13 4.71c-1.3.55-3.88-2.1-4.34-2.5c-.47 1-.65 3.73.62 6.14c1.27 2.42 2.77 3.57 4.2 4.18a8 8 0 0 0-5.18 1.8c-.44.4-.24 1.06.3 1.3l3.61 1.65a1 1 0 0 0 1-.1l2.2-1.57c.26-.19.6-.23.9-.16a7.5 7.5 0 0 0 5.27-.72c2.74-1.51 2.76-4.52 2.76-6.15c0-1.15 1.13-2.28 1.89-3.08c.26-.27.1-.68-.27-.74l-1.43-.22c-.37-.06-.67-.34-.89-.64" opacity=".2"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m12.83 9.31l-.55 1.36c-.18.47-.7.73-1.18.61c-.4-.1-.83-.21-2.15-.65c-3.3-1.1-4.9-2.52-5.95-3.4c-.47 1-.65 3.72.62 6.13c1.27 2.42 2.77 3.57 4.2 4.18a8 8 0 0 0-5.18 1.8c-.44.4-.24 1.06.3 1.3l3.61 1.65a1 1 0 0 0 1-.1l2.2-1.57c.26-.19.6-.23.9-.16a7.5 7.5 0 0 0 5.27-.72c2.74-1.51 2.76-4.52 2.76-6.15c0-1.24 1.6-2.23 2.48-3.18c.24-.26.06-.63-.3-.67l-1.96-.22c-.39-.04-.7-.33-.94-.63c-1.08-1.38-4.12-1.87-5.13.42Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.54 10.01c.01-2.52 1.25-4.77 2-5.44c.45 1.14 1.07 2.94 3.11 5.1"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.95 10.84a.38.38 0 1 1-.75.07a.38.38 0 0 1 .75-.07"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.55 14.37s-.3-3.45-1.74-7.26c-1.43-3.8-2.84-5.38-2.84-5.38m2.94 5.18s.55-.24 1.35-1.05a5 5 0 0 0 1.05-1.35"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.47 4.4s-.55.22-1.7.22a5 5 0 0 1-1.69-.21m3.73-.01s.46-.37 1.03-1.36c.56-1 .65-1.58.65-1.58"/></g></svg>How to use the Dove Leaf icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:dove-leaf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:dove-leaf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:dove-leaf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--dove-leaf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:dove-leaf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:dove-leaf"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/dove-leaf.svg" alt="Dove Leaf icon" width="24" height="24">Related icons in andrsrxn/icons
Dove Leaf icon FAQ
Is the Dove Leaf icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Dove Leaf icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:dove-leaf" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dove Leaf icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/dove-leaf.svg" alt="Dove Leaf icon">, or paste the SVG code inline to style it with CSS.