ICONYZ
Español
Icono No Smoking de Fluent Emoji

Icono No Smoking

fluent-emoji:no-smoking

El icono No Smoking (fluent-emoji:no-smoking) es un icono SVG gratuito de la colección Fluent Emoji de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Fluent Emoji
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
32 × 32
Etiquetas
nosmoking
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iuiCnae)"><path fill="url(#irswsOe)" d="M24.493 22.1a10.84 10.84 0 0 0 2.05-6.35c0-6.03-4.91-10.94-10.94-10.93c-2.368 0-4.56.762-6.35 2.05a.245.245 0 0 0-.028.373L24.12 22.128a.245.245 0 0 0 .373-.028"/><path fill="url(#irswsOe)" d="M6.722 9.39a10.85 10.85 0 0 0-2.06 6.36c0 6.03 4.91 10.94 10.94 10.94c2.368 0 4.56-.772 6.359-2.06a.245.245 0 0 0 .028-.373L7.095 9.363a.245.245 0 0 0-.373.027"/></g><g fill="#504D52" filter="url(#iliSsWd)"><path d="m21.728 9.567l-.343 1.056a2 2 0 0 0 .136 1.553l.404.763a2 2 0 0 1 .233.937v1.133c0 .24.304.342.449.152l.702-.922a2 2 0 0 0 .05-2.355l-.685-.984a2 2 0 0 1-.297-.65l-.17-.667c-.061-.243-.402-.254-.48-.016M6.124 16.75a1 1 0 0 1 1-1h13.75a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25H7.124a1 1 0 0 1-1-1zm16-.75a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25z"/></g><g filter="url(#iyST1iQ)"><path fill="url(#iPfoKYb)" d="M15.602 1.8c-7.69 0-13.95 6.26-13.95 13.95s6.26 13.95 13.95 13.95s13.95-6.25 13.95-13.95S23.302 1.8 15.602 1.8m10.94 13.95c0 2.367-.762 4.56-2.05 6.35a.245.245 0 0 1-.372.028L9.225 7.243a.245.245 0 0 1 .028-.373a10.84 10.84 0 0 1 6.35-2.05c6.03-.01 10.94 4.9 10.94 10.93m-21.88 0c0-2.377.772-4.57 2.06-6.36a.245.245 0 0 1 .373-.027L21.99 24.257a.245.245 0 0 1-.028.373a10.9 10.9 0 0 1-6.359 2.06c-6.03 0-10.94-4.91-10.94-10.94"/></g><defs><linearGradient id="irswsOe" x1="21.652" x2="11.715" y1="7.55" y2="18.238" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF7FF"/><stop offset="1" stop-color="#FBF2FF"/></linearGradient><linearGradient id="iPfoKYb" x1="25.875" x2="2.813" y1="15.75" y2="15.75" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5075"/><stop offset="1" stop-color="#FF4B51"/></linearGradient><filter id="iuiCnae" width="22.18" height="22.17" x="4.362" y="4.82" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.819608 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_592"/></filter><filter id="iliSsWd" width="17.994" height="9.756" x="5.724" y="9.394" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.164706 0 0 0 0 0.203922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_592"/></filter><filter id="iyST1iQ" width="28.6" height="28.6" x="1.352" y="1.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.882353 0 0 0 0 0.113725 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_592"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_592" result="effect2_innerShadow_18590_592"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.458824 0 0 0 0 0.568627 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_592" result="effect3_innerShadow_18590_592"/></filter></defs></g></svg>

Cómo usar el icono No Smoking

React

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

<Icon icon="fluent-emoji:no-smoking" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:no-smoking" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:no-smoking" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--no-smoking]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:no-smoking"></div>

Web component

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

<iconify-icon icon="fluent-emoji:no-smoking"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/no-smoking.svg" alt="Icono No Smoking" width="24" height="24">

Iconos relacionados en Fluent Emoji

Icono no-bicycles
no-bicycles
 Icono no-entry
no-entry
 Icono no-littering
no-littering
 Icono no-mobile-phones
no-mobile-phones
 Icono no-one-under-eighteen
no-one-under-eighteen
 Icono no-pedestrians
no-pedestrians
 Icono non-potable-water
non-potable-water
 Icono nose
nose
 Icono nose-dark
nose-dark
 Icono nose-light
nose-light
 Icono nose-medium
nose-medium
 Icono nose-medium-dark
nose-medium-dark
 Icono nose-medium-light
nose-medium-light
 Icono notebook
notebook
 Icono notebook-with-decorative-cover
notebook-with-decorative-cover

El icono No Smoking en otras colecciones

Icono No Smoking de Element Plus
Element Plus
 Icono No Smoking de Emoji One (Colored)
Emoji One (Colored)
 Icono No Smoking de Emoji One (Monotone)
Emoji One (Monotone)
 Icono No Smoking de Emoji One (v1)
Emoji One (v1)
 Icono No Smoking de Fluent Emoji Flat
Fluent Emoji Flat
 Icono No Smoking de Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Icono No Smoking de Foundation
Foundation
 Icono No Smoking de Guidance
Guidance
 Icono No Smoking de IconOven
IconOven
 Icono No Smoking de Medical Icons
Medical Icons
 Icono No Smoking de Noto Emoji
Noto Emoji
 Icono No Smoking de Noto Emoji (v1)
Noto Emoji (v1)

Preguntas frecuentes sobre Icono No Smoking

¿El icono No Smoking es gratis para uso comercial?

Sí. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

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

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

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

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

Ver todos los Iconos Fluent Emoji →