Icono Canned Fruit
icon-park:canned-fruit
El icono Canned Fruit (icon-park:canned-fruit) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Alimentos
- Etiquetas
- cannedfruit
Código SVG
<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>Cómo usar el icono Canned Fruit
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/canned-fruit.svg" alt="Icono Canned Fruit" width="24" height="24">El icono Canned Fruit en otras colecciones
Preguntas frecuentes sobre Icono Canned Fruit
¿El icono Canned Fruit es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Canned Fruit en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:canned-fruit" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Canned Fruit a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/canned-fruit.svg" alt="Icono Canned Fruit">, o pega el código SVG en línea para darle estilo con CSS.