Icono Rice
icon-park:rice
El icono Rice (icon-park:rice) 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
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 fill="#2F88FF" d="M24 38C33.3888 38 41 30.9411 41 21H7C7 30.9411 14.6112 38 24 38Z"/><path d="M30 21C30 15.4772 25.7467 11 20.5 11C15.2533 11 11 15.4772 11 21"/><path d="M39 21C39 17.6863 36.234 15 32.822 15C31.379 15 30.0515 15.4805 29 16.2857"/><path stroke-linecap="round" d="M33 15L36 5"/><path stroke-linecap="round" d="M38.0002 18.0001L42.0002 11.0001"/><path stroke-linecap="round" stroke-linejoin="round" d="M18 37L16 43H32L30 37"/></g></svg>
Cómo usar el icono Rice
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:rice" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:rice" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:rice" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--rice]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:rice"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:rice"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/rice.svg" alt="Icono Rice" width="24" height="24">
El icono Rice en otras colecciones
Preguntas frecuentes sobre Icono Rice
¿El icono Rice 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 Rice en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:rice" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rice a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/rice.svg" alt="Icono Rice">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
