ICONYZ
Bahasa Indonesia
Ikon No Smoking dari Fluent Emoji

Ikon No Smoking

fluent-emoji:no-smoking

Ikon No Smoking (fluent-emoji:no-smoking) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Fluent Emoji
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
32 × 32
Tag
nosmoking
Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di Fluent Emoji

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

Ikon No Smoking di set ikon lain

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

FAQ Ikon No Smoking

Apakah ikon No Smoking gratis untuk penggunaan komersial?

Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon No Smoking di React?

Pasang @iconify/react lalu render <Icon icon="fluent-emoji:no-smoking" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon No Smoking ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/no-smoking.svg" alt="Ikon No Smoking">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji →