Иконка Canned Food
fluent-emoji:canned-food
Иконка Canned Food (fluent-emoji:canned-food) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- cannedfood
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i9ZNEhd)" d="M24.82 27.04H6.52c-.84 0-1.52.69-1.52 1.53s.68 1.52 1.52 1.52h18.3c.84 0 1.52-.68 1.52-1.52s-.68-1.53-1.52-1.53"/><path fill="url(#islXhve)" d="M24.82 27.04H6.52c-.84 0-1.52.69-1.52 1.53s.68 1.52 1.52 1.52h18.3c.84 0 1.52-.68 1.52-1.52s-.68-1.53-1.52-1.53"/><path fill="url(#ihAglGd)" d="M24.82 27.04H6.52c-.84 0-1.52.69-1.52 1.53s.68 1.52 1.52 1.52h18.3c.84 0 1.52-.68 1.52-1.52s-.68-1.53-1.52-1.53"/><path fill="url(#i7Itdpc)" d="M24.82 27.04H6.52c-.84 0-1.52.69-1.52 1.53s.68 1.52 1.52 1.52h18.3c.84 0 1.52-.68 1.52-1.52s-.68-1.53-1.52-1.53"/><path fill="url(#iGzxRpb)" d="M24.74 5.1H6.75v5.68h17.99z"/><path fill="url(#iKseTAe)" d="M24.74 20.06H6.75v6.98h17.99z"/><path fill="url(#itubROe)" fill-rule="evenodd" d="M21.596 21.06a7.98 7.98 0 0 1-5.856 2.55a7.98 7.98 0 0 1-5.856-2.55H6.75V10.07h3.219a7.98 7.98 0 0 1 5.771-2.46c2.268 0 4.316.944 5.771 2.46h3.229v10.99z" clip-rule="evenodd"/><path fill="url(#iEFvE2d)" d="M17.31 12.72h-3.14c-2.18 0-3.95 1.77-3.95 3.95s1.77 3.95 3.95 3.95h3.14c2.18 0 3.95-1.77 3.95-3.95s-1.76-3.95-3.95-3.95"/><path fill="url(#iuvX0vd)" fill-rule="evenodd" d="M19.79 10.62h-2.28c-.72 0-1.36.338-1.768.862a2.23 2.23 0 0 0-1.752-.852H11.7c0 1.23 1 2.23 2.24 2.23h2.28v-.01h1.34c1.23 0 2.23-1 2.23-2.23" clip-rule="evenodd"/><path fill="url(#iug1Eke)" d="M24.82 2H6.52C5.68 2 5 2.693 5 3.55S5.68 5.1 6.52 5.1h18.3c.84 0 1.52-.693 1.52-1.55S25.66 2 24.82 2"/><path fill="url(#idKDRve)" d="M24.82 2H6.52C5.68 2 5 2.693 5 3.55S5.68 5.1 6.52 5.1h18.3c.84 0 1.52-.693 1.52-1.55S25.66 2 24.82 2"/><path fill="url(#iuOPggb)" d="M24.82 2H6.52C5.68 2 5 2.693 5 3.55S5.68 5.1 6.52 5.1h18.3c.84 0 1.52-.693 1.52-1.55S25.66 2 24.82 2"/><path fill="url(#iJY39Ad)" d="M24.82 2H6.52C5.68 2 5 2.693 5 3.55S5.68 5.1 6.52 5.1h18.3c.84 0 1.52-.693 1.52-1.55S25.66 2 24.82 2"/><defs><linearGradient id="i9ZNEhd" x1="5" x2="26.34" y1="30.09" y2="30.09" gradientUnits="userSpaceOnUse"><stop stop-color="#9C9BA0"/><stop offset="1" stop-color="#CACACD"/></linearGradient><linearGradient id="islXhve" x1="15.67" x2="15.67" y1="27.04" y2="30.09" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#C595F4" stop-opacity="0"/><stop offset="1" stop-color="#C495F3"/></linearGradient><linearGradient id="iGzxRpb" x1="6.75" x2="24.74" y1="10.78" y2="10.78" gradientUnits="userSpaceOnUse"><stop stop-color="#A84348"/><stop offset=".431" stop-color="#D83165"/><stop offset=".716" stop-color="#F25488"/><stop offset="1" stop-color="#EE5295"/></linearGradient><linearGradient id="iKseTAe" x1="6.75" x2="24.74" y1="27.04" y2="27.04" gradientUnits="userSpaceOnUse"><stop stop-color="#A84348"/><stop offset=".396" stop-color="#D83165"/><stop offset=".743" stop-color="#FF558E"/><stop offset="1" stop-color="#EE5295"/></linearGradient><linearGradient id="itubROe" x1="6.75" x2="24.74" y1="16.875" y2="16.875" gradientUnits="userSpaceOnUse"><stop stop-color="#9B96A5"/><stop offset=".459" stop-color="#C8BBDC"/><stop offset=".737" stop-color="#E8E0F7"/><stop offset=".962" stop-color="#E1DBED"/><stop offset="1" stop-color="#D7D4DF"/></linearGradient><linearGradient id="iEFvE2d" x1="10.22" x2="21.26" y1="16.67" y2="16.67" gradientUnits="userSpaceOnUse"><stop stop-color="#BC2E36"/><stop offset="1" stop-color="#FF51A6"/></linearGradient><linearGradient id="iuvX0vd" x1="15.745" x2="15.745" y1="10.62" y2="12.86" gradientUnits="userSpaceOnUse"><stop stop-color="#2FB671"/><stop offset="1" stop-color="#56D69B"/></linearGradient><linearGradient id="iug1Eke" x1="5" x2="26.34" y1="5.1" y2="5.1" gradientUnits="userSpaceOnUse"><stop stop-color="#9C9BA0"/><stop offset="1" stop-color="#CACACD"/></linearGradient><linearGradient id="idKDRve" x1="15.67" x2="15.67" y1="2" y2="5.1" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#BCA2D8" stop-opacity="0"/><stop offset="1" stop-color="#B196CC"/></linearGradient><radialGradient id="ihAglGd" cx="0" cy="0" r="1" gradientTransform="matrix(.0625 2.43508 -12.00155 .30805 22.688 27.655)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFDCE8"/><stop offset="1" stop-color="#D4D1DD" stop-opacity="0"/></radialGradient><radialGradient id="i7Itdpc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.04537 -8.5 0 22.188 28.147)" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEAF7"/><stop offset="1" stop-color="#EEEBF7" stop-opacity="0"/></radialGradient><radialGradient id="iuOPggb" cx="0" cy="0" r="1" gradientTransform="matrix(.0625 2.47497 -12.00177 .30308 22.688 2.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFDCE8"/><stop offset="1" stop-color="#D4D1DD" stop-opacity="0"/></radialGradient><radialGradient id="iJY39Ad" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.0625 -8.5 0 22.188 3.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEAF7"/><stop offset="1" stop-color="#EEEBF7" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Canned Food
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:canned-food" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:canned-food" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:canned-food" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--canned-food]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:canned-food"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:canned-food"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/canned-food.svg" alt="Иконка Canned Food" width="24" height="24">Иконка Canned Food в других наборах
Вопросы и ответы: Иконка Canned Food
Можно ли бесплатно использовать иконку Canned Food в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Canned Food в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:canned-food" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Canned Food на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/canned-food.svg" alt="Иконка Canned Food">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.