ICONYZ
Português (Brasil)
Ícone No Food de Guidance

Ícone No Food

guidance:no-food

O ícone No Food (guidance:no-food) é um ícone SVG gratuito da coleção Guidance de Streamline. Ele é desenhado em uma grade de 24 × 24. Guidance 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
Guidance
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Proibição
Tags
nofood
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" d="M6.5 6.5h16v.25l-.168.434c-1.425 3.681-2.322 8.12-2.668 12.316l-.01.155M14 23.5h5.5v-.155q0-.663.021-1.345M17.5 6.5V6A5.5 5.5 0 0 1 23 .5M.5.5l19.155 19.155M23.5 23.5l-3.845-3.845M1.5 17.5v-1a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1zm.5 0h9a1.5 1.5 0 0 1 0 3H2a1.5 1.5 0 0 1 0-3Zm-.5 3v3h10v-3z"/></svg>

Como usar o ícone No Food

React

import { Icon } from "@iconify/react";

<Icon icon="guidance:no-food" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="guidance:no-food" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="guidance:no-food" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[guidance--no-food]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/guidance -->
<div class="i-guidance:no-food"></div>

Web component

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

<iconify-icon icon="guidance:no-food"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/guidance/no-food.svg" alt="Ícone No Food" width="24" height="24">

Ícones relacionados em Guidance

Ícone no-access-for-service-animal-2
no-access-for-service-animal-2
 Ícone no-access-for-service-animal-3
no-access-for-service-animal-3
 Ícone no-access-for-service-animal-4
no-access-for-service-animal-4
 Ícone no-alcohol
no-alcohol
 Ícone no-drinking-water
no-drinking-water
 Ícone no-drone-allowed
no-drone-allowed
 Ícone no-drug-or-substance
no-drug-or-substance
 Ícone no-electric-scooter
no-electric-scooter
 Ícone no-entry-for-pedestrians
no-entry-for-pedestrians
 Ícone no-firearm-weapon
no-firearm-weapon
 Ícone no-fishing-1
no-fishing-1
 Ícone no-litter-2
no-litter-2
 Ícone no-luggage-trolleys-beyond-this-point
no-luggage-trolleys-beyond-this-point
 Ícone no-noise
no-noise
 Ícone no-parking
no-parking
 Ícone no-pets-allowed
no-pets-allowed
 Ícone no-pictures
no-pictures
 Ícone no-running
no-running
 Ícone no-selfie-stick-allowed
no-selfie-stick-allowed
 Ícone no-smoking
no-smoking
 Ícone no-touch
no-touch
 Ícone no-video
no-video
 Ícone no-wheelchair-access
no-wheelchair-access

O ícone No Food em outras coleções

Ícone No Food de Material Symbols
Material Symbols
 Ícone No Food de IconOven
IconOven
 Ícone No Food de Material Symbols Light
Material Symbols Light

Perguntas frequentes sobre Ícone No Food

O ícone No Food é grátis para uso comercial?

Sim. Guidance 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 No Food no React?

Instale @iconify/react e renderize <Icon icon="guidance:no-food" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone No Food a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/guidance/no-food.svg" alt="Ícone No Food">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Guidance →