Иконка Hot Meal

healthicons:hot-meal

Иконка Hot Meal (healthicons:hot-meal) — бесплатная SVG-иконка из набора Health Icons от Resolve to Save Lives. Она нарисована на сетке 48 × 48. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Health Icons
Автор: Resolve to Save Lives
Лицензия: MIT
Размер: 48 × 48
Категория: Питание
Теги: hotmeal

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

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

Иконка Hot Meal в других наборах

Вопросы и ответы: Иконка Hot Meal

Можно ли бесплатно использовать иконку Hot Meal в коммерческих проектах?

Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hot Meal в React?

Установите @iconify/react и выведите <Icon icon="healthicons:hot-meal" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hot Meal на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/healthicons/hot-meal.svg" alt="Иконка Hot Meal">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Health Icons →