ICONYZ
Español
Icono Hot Meal de Health Icons

Icono Hot Meal

healthicons:hot-meal

El icono Hot Meal (healthicons:hot-meal) es un icono SVG gratuito de la colección Health Icons de Resolve to Save Lives. Está dibujado en una cuadrícula de 48 × 48. Health Icons se publican bajo la licencia MIT, 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
Health Icons
Autor
Resolve to Save Lives
Licencia
MIT
Tamaño
48 × 48
Categoría
Nutrición
Etiquetas
hotmeal
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M5 28a1 1 0 1 0 0 2h3a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8h3a1 1 0 1 0 0-2z"/><path fill-rule="evenodd" d="M23.105 10.054L24 10.5l.895.447l-.002.003l-.012.025l-.05.11a9 9 0 0 0-.6 1.861c-.236 1.179-.149 2.222.476 2.847c1.375 1.375 1.288 3.332 1.024 4.653a11 11 0 0 1-.806 2.438l-.02.043l-.007.013l-.002.005l-.001.001L24 22.5l-.895-.447l.002-.003l.012-.025l.05-.11a9 9 0 0 0 .6-1.861c.236-1.179.149-2.222-.476-2.847c-1.375-1.375-1.288-3.332-1.024-4.653a11 11 0 0 1 .806-2.438l.02-.043l.007-.013l.002-.004zm-7.935 2.387l.83.56c.829.559.83.558.83.558v-.001v.001l-.013.02l-.054.085a6 6 0 0 0-.192.344a5.8 5.8 0 0 0-.45 1.128c-.24.892-.154 1.596.474 2.06c1.622 1.202 1.536 2.999 1.214 4.19a7.8 7.8 0 0 1-.605 1.528a8 8 0 0 1-.363.627l-.008.012l-.002.004l-.001.001s-.001.002-.83-.558s-.83-.559-.83-.559l.013-.019l.054-.086a7 7 0 0 0 .192-.344c.155-.298.333-.698.45-1.128c.24-.892.154-1.595-.474-2.06c-1.622-1.202-1.536-2.998-1.214-4.19c.165-.612.409-1.15.605-1.528a8 8 0 0 1 .363-.626l.007-.012l.003-.005zm17 0l.83.56c.829.559.83.558.83.558v-.001v.001l-.013.02l-.054.085a6 6 0 0 0-.192.344a5.8 5.8 0 0 0-.45 1.128c-.24.892-.154 1.596.474 2.06c1.622 1.202 1.536 2.999 1.214 4.19a7.8 7.8 0 0 1-.605 1.528a8 8 0 0 1-.362.627l-.008.012l-.003.004l-.001.001s-.001.002-.83-.558s-.83-.559-.83-.559l.013-.019l.054-.086a7 7 0 0 0 .192-.344c.155-.298.333-.698.45-1.128c.24-.892.154-1.595-.474-2.06c-1.622-1.202-1.536-2.998-1.214-4.19c.165-.612.409-1.15.605-1.528a8 8 0 0 1 .362-.626l.008-.012l.003-.005z" clip-rule="evenodd"/></g></svg>

Cómo usar el icono Hot Meal

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:hot-meal" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:hot-meal" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:hot-meal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--hot-meal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:hot-meal"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:hot-meal"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/healthicons/hot-meal.svg" alt="Icono Hot Meal" width="24" height="24">

Iconos relacionados en Health Icons

El icono Hot Meal en otras colecciones

Preguntas frecuentes sobre Icono Hot Meal

¿El icono Hot Meal es gratis para uso comercial?

Sí. Health Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Hot Meal en React?

Instala @iconify/react y renderiza <Icon icon="healthicons:hot-meal" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hot Meal a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/healthicons/hot-meal.svg" alt="Icono Hot Meal">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Health Icons →