Ícone Canned Food
fluent-emoji:canned-food
O ícone Canned Food (fluent-emoji:canned-food) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji 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
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- cannedfood
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/canned-food.svg" alt="Ícone Canned Food" width="24" height="24">O ícone Canned Food em outras coleções
Perguntas frequentes sobre Ícone Canned Food
O ícone Canned Food é grátis para uso comercial?
Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Canned Food no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji:canned-food" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Canned Food a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/canned-food.svg" alt="Ícone Canned Food">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.