Feelgood icon
icon-park:feelgood
The Feelgood icon (icon-park:feelgood) 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
- Brand
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 fill="#2F88FF" d="M23.1421 15.8579L11.8284 27.1716C10.2663 28.7337 10.2663 31.2663 11.8284 32.8284L21.7279 42.7279C23.29 44.29 25.8227 44.29 27.3848 42.7279L37.2843 32.8284C38.8464 31.2663 38.8464 28.7337 37.2843 27.1716L25.9706 15.8579C25.1895 15.0768 23.9232 15.0768 23.1421 15.8579Z"/><path d="M25 13.8394C25 13.8394 29.5543 8.73027 31.3728 6.57393C33.1913 4.41758 35.1405 4.69583 36.7652 6.09795C38.3899 7.50007 38.4332 9.71417 36.7652 11.775C35.0972 13.8358 30.5565 19.0005 30.5565 19.0005"/><path d="M25 13.8389C25 13.8389 20.4457 8.72979 18.6272 6.57344C16.8087 4.4171 14.8595 4.69534 13.2348 6.09746C11.6101 7.49958 11.5668 9.71368 13.2348 11.7745C14.9028 13.8353 19.4435 19 19.4435 19"/></g></svg>How to use the Feelgood icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:feelgood" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:feelgood" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:feelgood" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--feelgood]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:feelgood"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:feelgood"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/feelgood.svg" alt="Feelgood icon" width="24" height="24">Related icons in IconPark
Feelgood icon in other icon sets
Feelgood icon FAQ
Is the Feelgood 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 Feelgood icon in React?
Install @iconify/react and render <Icon icon="icon-park:feelgood" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Feelgood icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/feelgood.svg" alt="Feelgood icon">, or paste the SVG code inline to style it with CSS.