Canned Fruit icon
icon-park:canned-fruit
The Canned Fruit icon (icon-park:canned-fruit) 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
- Tags
- cannedfruit
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 stroke-linecap="round" d="M15 24C15 24 14.5 27 16 33"/><path stroke-linecap="round" stroke-linejoin="round" d="M37.5666 12C38.7278 14.8106 40 18.6419 40 21.9375C40 25.8154 38.6546 33.3501 37.6851 38.2768C37.1408 41.0424 34.7033 43 31.8847 43H16.0422C13.257 43 10.8392 41.0861 10.2804 38.3575C9.31371 33.6374 8 26.4016 8 21.9375C8 18.2592 9.44361 14.6318 10.8271 12"/><path fill="#2F88FF" d="M11.5868 6.45675C11.7711 6.17196 12.0872 6 12.4264 6H35.5736C35.9128 6 36.2289 6.17196 36.4132 6.45675L39.0014 10.4567C39.432 11.1221 38.9544 12 38.1619 12H9.83814C9.04564 12 8.56805 11.1221 8.99857 10.4567L11.5868 6.45675Z"/></g></svg>How to use the Canned Fruit icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:canned-fruit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:canned-fruit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:canned-fruit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--canned-fruit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:canned-fruit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:canned-fruit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/canned-fruit.svg" alt="Canned Fruit icon" width="24" height="24">Canned Fruit icon in other icon sets
Canned Fruit icon FAQ
Is the Canned Fruit 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 Canned Fruit icon in React?
Install @iconify/react and render <Icon icon="icon-park:canned-fruit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Canned Fruit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/canned-fruit.svg" alt="Canned Fruit icon">, or paste the SVG code inline to style it with CSS.