Oval Love icon
icon-park:oval-love
The Oval Love icon (icon-park:oval-love) 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
- ovallove
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="M29.5164 17.5001C35.0393 27.0659 34.4759 37.7307 28.2581 41.3206C22.0403 44.9104 12.5226 40.0659 6.99976 30.5001C1.47691 20.9342 2.04029 10.2694 8.25809 6.67962C14.4759 3.08977 23.9936 7.93428 29.5164 17.5001Z"/><path d="M18.2581 17.5001C12.7353 27.0659 13.2986 37.7307 19.5164 41.3206C25.7342 44.9104 35.2519 40.0659 40.7748 30.5001C46.2976 20.9342 45.7342 10.2694 39.5164 6.67962C33.2986 3.08977 23.7809 7.93428 18.2581 17.5001Z"/><path d="M23.7529 10.3442C25.8979 12.2519 27.8821 14.6692 29.5165 17.5C35.0394 27.0658 34.476 37.7306 28.2582 41.3205C26.96 42.07 25.518 42.4518 23.9986 42.4998"/></g></svg>How to use the Oval Love icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:oval-love" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:oval-love" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:oval-love" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--oval-love]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:oval-love"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:oval-love"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/oval-love.svg" alt="Oval Love icon" width="24" height="24">Related icons in IconPark
Oval Love icon in other icon sets
Oval Love icon FAQ
Is the Oval Love 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 Oval Love icon in React?
Install @iconify/react and render <Icon icon="icon-park:oval-love" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Oval Love icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/oval-love.svg" alt="Oval Love icon">, or paste the SVG code inline to style it with CSS.