Peach icon
icon-park:peach
The Peach icon (icon-park:peach) 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
- Foods
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-width="4"><path fill="#2F88FF" stroke-linejoin="round" d="M10.0772 13.4315C15.0471 7.87006 23.6868 10.3148 27 12.0001C28.6566 11.3681 33.1972 10.6427 36.1791 12.6651C39.9065 15.193 44.6027 21.9042 40.2542 31.3839C36.7753 38.9676 27.689 42.1575 24.3758 43.0001C21.8909 41.9468 16.4303 39.832 10.6066 34.5519C5.32574 29.764 3.86498 20.3833 10.0772 13.4315Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M27 12C25.0761 12.75 21.2283 14.25 19.1295 18.75C16.8741 23.586 18.6048 27.75 19.1295 30"/><path stroke-linecap="round" d="M21 4C21.3333 4.16667 23.5 4.5 24 6.5C24.4372 8.24895 23.6667 9.33333 23.5 10.5"/><path d="M28.479 11.3285C27.5253 11.2955 26.8667 10.455 27.0628 9.52106C27.3331 8.23362 27.9454 6.47675 29.3295 5.39228C30.7135 4.3078 32.5658 4.13344 33.8806 4.17892C34.8343 4.21191 35.4929 5.05244 35.2968 5.98635C35.0265 7.2738 34.4141 9.03066 33.0301 10.1151C31.646 11.1996 29.7937 11.374 28.479 11.3285Z"/></g></svg>
How to use the Peach icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:peach" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:peach" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:peach" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--peach]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:peach"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:peach"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/peach.svg" alt="Peach icon" width="24" height="24">
Peach icon in other icon sets
Peach icon FAQ
Is the Peach 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 Peach icon in React?
Install @iconify/react and render <Icon icon="icon-park:peach" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Peach icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/peach.svg" alt="Peach icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
