Ícone Canned Food
twemoji:canned-food
O ícone Canned Food (twemoji:canned-food) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Twitter Emoji
- Autor
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Comidas e bebidas
- Tags
- cannedfood
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="M30 32.5c0 1.933-5.373 3.5-12 3.5S6 34.433 6 32.5c0-1.932 5.372-3.5 12-3.5c6.627 0 12 1.567 12 3.5"/><path fill="#99aab5" d="M6 31.5h24v1H6z"/><path fill="#e6e7e8" d="M30 31.5c0 1.933-5.373 3.5-12 3.5S6 33.433 6 31.5S11.372 28 18 28c6.627 0 12 1.567 12 3.5"/><path fill="#5c913b" d="M29 31c0 1.656-4.926 3-11 3c-6.075 0-11-1.343-11-3s4.924-3 11-3s11 1.343 11 3"/><path fill="#5c913b" d="M7 8h22v23H7z"/><path fill="#a6d388" d="M29 23c0 1.932-4.926 3.5-11 3.5c-6.075 0-11-1.567-11-3.5s4.924-3.5 11-3.5c6.074 0 11 1.567 11 3.5"/><path fill="#a6d388" d="M7 10h22v13H7z"/><path fill="#5c913b" d="M29 14c0 1.932-4.926 3.5-11 3.5c-6.075 0-10.999-1.567-10.999-3.5S11.925 10.5 18 10.5c6.074 0 11 1.567 11 3.5"/><path fill="#5c913b" d="M7 4h22v10H7z"/><path fill="#99aab5" d="M30 4.5C30 6.433 24.627 8 18 8S6 6.433 6 4.5S11.373 1 18 1s12 1.567 12 3.5"/><path fill="#99aab5" d="M6 3.5h24v1H6z"/><path fill="#e6e7e8" d="M30 3.5C30 5.433 24.627 7 18 7S6 5.433 6 3.5S11.373 0 18 0s12 1.567 12 3.5"/><path fill="#ccd6dd" d="M28.25 3.5C28.25 4.881 23.662 6 18 6S7.75 4.881 7.75 3.5S12.338 1 18 1s10.25 1.119 10.25 2.5"/><path fill="#e6e7e8" d="M27.25 3.5c0 1.105-4.14 2-9.25 2s-9.25-.895-9.25-2s4.141-2 9.25-2c5.11 0 9.25.895 9.25 2"/><path fill="#ccd6dd" d="M24 3.5c0 .69-2.686 1.25-6 1.25s-6-.56-6-1.25s2.686-1.25 6-1.25s6 .56 6 1.25"/><ellipse cx="18" cy="3.5" fill="#e6e7e8" rx="4.75" ry=".75"/><path fill="#ffcc4d" d="M25 21c0 4.142-3.134 7.5-7 7.5s-7-3.358-7-7.5s3.134-7.5 7-7.5s7 3.358 7 7.5"/><path fill="#ffac33" d="M23 21c0 3.156-2.239 5.715-5 5.715s-5-2.56-5-5.715s2.238-5.714 5-5.714s5 2.558 5 5.714"/></svg>Como usar o ícone Canned Food
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:canned-food" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:canned-food" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:canned-food" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--canned-food]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:canned-food"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:canned-food"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Canned Food no React?
Instale @iconify/react e renderize <Icon icon="twemoji: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/twemoji/canned-food.svg" alt="Ícone Canned Food">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.