ICONYZ
Español
Icono No Food de Guidance

Icono No Food

guidance:no-food

El icono No Food (guidance:no-food) es un icono SVG gratuito de la colección Guidance de Streamline. Está dibujado en una cuadrícula de 24 × 24. Guidance icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Guidance
Autor
Streamline
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Prohibición
Etiquetas
nofood
Descargar 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Guidance

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

El icono No Food en otras colecciones

Icono No Food de Material Symbols
Material Symbols
 Icono No Food de IconOven
IconOven
 Icono No Food de Material Symbols Light
Material Symbols Light

Preguntas frecuentes sobre Icono No Food

¿El icono No Food es gratis para uso comercial?

Sí. Guidance icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono No Food en React?

Instala @iconify/react y renderiza <Icon icon="guidance:no-food" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono No Food a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/guidance/no-food.svg" alt="Icono No Food">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Guidance →