Icono Fruit Watermelon
streamline-ultimate-color:fruit-watermelon
El icono Fruit Watermelon (streamline-ultimate-color:fruit-watermelon) es un icono SVG gratuito de la colección Ultimate color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ultimate color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Comida y bebidas
- Etiquetas
- fruitwatermelon
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#78eb7b" d="M22.57 13.51a12.766 12.766 0 0 1-21.434 5.684a.476.476 0 0 1 0-.668l1.67-1.67c4.616 4.617 10.779 3.94 14.384.335s4.264-9.77-.334-14.375v-.01l1.67-1.67a.477.477 0 0 1 .667 0A12.76 12.76 0 0 1 22.57 13.51"/><path fill="#ff808c" d="M16.857 2.816L2.806 16.858c4.616 4.616 10.779 3.938 14.384.334s4.264-9.77-.334-14.376M7.823 17.28c-.524 0-.944-.628-.944-1.421s.42-1.412.944-1.412s.944.63.944 1.412s-.42 1.421-.944 1.421m6.353-3.1c-.372.373-1.116.22-1.67-.334c-.552-.553-.705-1.296-.333-1.669s1.116-.22 1.67.334c.552.553.705 1.305.333 1.666zm1.679-5.398c-.792 0-1.421-.42-1.421-.944s.63-.945 1.42-.945c.793 0 1.413.42 1.413.945s-.63.941-1.412.941z"/><path fill="#c9f7ca" d="M2.807 16.86a11.6 11.6 0 0 0 2.928 2.155l-2.137 2.137a12.7 12.7 0 0 1-2.46-1.955a.477.477 0 0 1 0-.668zM21.14 3.61l-2.136 2.137a11.4 11.4 0 0 0-2.147-2.929v-.01l1.67-1.668a.477.477 0 0 1 .667 0c.747.741 1.4 1.57 1.946 2.47"/><path fill="#ffbfc5" d="M16.857 2.818L2.807 16.86a11.6 11.6 0 0 0 2.928 2.155l1.812-1.802a1.44 1.44 0 0 1-.668-1.355c0-.782.42-1.412.945-1.412s.944.63.944 1.412a.6.6 0 0 1-.01.133l3.225-3.224a.68.68 0 0 1 .782-.782l3.214-3.214a.6.6 0 0 1-.124.01c-.791 0-1.42-.42-1.42-.945s.629-.945 1.42-.945a1.43 1.43 0 0 1 1.345.668l1.803-1.812a11.4 11.4 0 0 0-2.146-2.929"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.57 13.51a12.766 12.766 0 0 1-21.434 5.684a.476.476 0 0 1 0-.668l1.67-1.67c4.616 4.617 10.779 3.94 14.384.335s4.264-9.77-.334-14.375v-.01l1.67-1.67a.477.477 0 0 1 .667 0A12.76 12.76 0 0 1 22.57 13.51"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.857 2.816L2.806 16.858c4.616 4.616 10.779 3.938 14.384.334s4.264-9.77-.334-14.376M7.823 17.28c-.524 0-.944-.628-.944-1.421s.42-1.412.944-1.412s.944.63.944 1.412s-.42 1.421-.944 1.421m6.353-3.1c-.372.373-1.116.22-1.67-.334c-.552-.553-.705-1.296-.333-1.669s1.116-.22 1.67.334c.552.553.705 1.305.333 1.666zm1.679-5.398c-.792 0-1.421-.42-1.421-.944s.63-.945 1.42-.945c.793 0 1.413.42 1.413.945s-.63.941-1.412.941z"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.176 14.176c-.372.373-1.116.22-1.67-.333c-.553-.554-.706-1.297-.334-1.67c.373-.373 1.117-.22 1.67.334c.553.553.706 1.308.334 1.67m3.091-6.341c0 .524-.63.944-1.412.944s-1.421-.42-1.421-.944s.63-.944 1.421-.944c.792 0 1.412.417 1.412.944m-8.5 8.019c0 .793-.42 1.422-.944 1.422c-.525 0-.945-.63-.945-1.422s.42-1.412.945-1.412s.944.63.944 1.412"/></g></svg>Cómo usar el icono Fruit Watermelon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:fruit-watermelon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--fruit-watermelon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:fruit-watermelon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:fruit-watermelon"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/fruit-watermelon.svg" alt="Icono Fruit Watermelon" width="24" height="24">Iconos relacionados en Ultimate color icons
El icono Fruit Watermelon en otras colecciones
Preguntas frecuentes sobre Icono Fruit Watermelon
¿El icono Fruit Watermelon es gratis para uso comercial?
Sí. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Fruit Watermelon en React?
Instala @iconify/react y renderiza <Icon icon="streamline-ultimate-color:fruit-watermelon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fruit Watermelon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/fruit-watermelon.svg" alt="Icono Fruit Watermelon">, o pega el código SVG en línea para darle estilo con CSS.