Ícone Hot Meal
healthicons:hot-meal
O ícone Hot Meal (healthicons:hot-meal) é um ícone SVG gratuito da coleção Health Icons de Resolve to Save Lives. Ele é desenhado em uma grade de 48 × 48. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Health Icons
- Autor
- Resolve to Save Lives
- Licença
- MIT
- Tamanho
- 48 × 48
- Categoria
- Nutrição
- Tags
- hotmeal
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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/hot-meal.svg" alt="Ícone Hot Meal" width="24" height="24">Ícones relacionados em Health Icons
O ícone Hot Meal em outras coleções
Perguntas frequentes sobre Ícone Hot Meal
O ícone Hot Meal é grátis para uso comercial?
Sim. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hot Meal no React?
Instale @iconify/react e renderize <Icon icon="healthicons:hot-meal" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hot Meal a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/hot-meal.svg" alt="Ícone Hot Meal">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.