No Smoking Alt アイコン

vs:no-smoking-alt

No Smoking Alt アイコン(vs:no-smoking-alt)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 1792 × 1664 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 1792 × 1664
タグ: nosmoking、smokingalt、nosmokingalt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1664" viewBox="0 0 1792 1664"><path fill="currentColor" d="M1504 640q0-23-5-40t-17-27.5t-22.5-17t-33-9.5t-36.5-4.5t-43-2.5q-47-2-72-4t-72-13t-75.5-29.5t-66-56t-61-89.5T957 214.5T928 32q0-14 9-23t23-9t23 9t9 23q7 86 23 154t35.5 114t47.5 79.5t54.5 52t62 29.5t62.5 14t64 4q10 0 35.5.5t35 1t31.5 2.5t31 5t25.5 9t24 14t18 20t15 27t8 36t3.5 46v96q0 14-9 23t-23 9t-23-9t-9-23zm0-320q-2-160-160-160h-96q-14 0-23-9t-9-23t9-23t23-9h96q101 0 158.5 49.5T1560 292q53 0 85 9.5t61 40.5q56 60 54 170v224q0 14-9 23t-23 9t-23-9t-9-23V512q0-72-31-116t-97-44h-64zm-362 832l221 383q8 13 4 28.5t-18 23.5l-100 58q-13 8-29 3.5t-23-17.5L435 312q-8-14-4-29.5t18-23.5l100-57q13-8 29-4t24 18l355 616h451v320zM0 832h578l185 320H0zm1503 0q-12 0-21.5 9t-9.5 22v258q0 13 9.5 22t21.5 9h66q12 0 21.5-9t9.5-22V863q0-13-9.5-22t-21.5-9zm192 0q-12 0-21.5 9t-9.5 22v258q0 13 9.5 22t21.5 9h66q12 0 21.5-9t9.5-22V863q0-13-9.5-22t-21.5-9z"/></svg>

No Smoking Alt アイコンの使い方

React

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

<Icon icon="vs:no-smoking-alt" width="24" />

Vue

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

<template>
  <Icon icon="vs:no-smoking-alt" width="24" />
</template>

Svelte

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

<Icon icon="vs:no-smoking-alt" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:no-smoking-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/no-smoking-alt.svg" alt="No Smoking Alt アイコン" width="24" height="24">

Vesper Icons の関連アイコン

No Smoking Alt アイコンのよくある質問

No Smoking Alt アイコンは商用利用でも無料ですか?

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で No Smoking Alt アイコンを使うには?

@iconify/react をインストールして <Icon icon="vs:no-smoking-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

No Smoking Alt アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vs/no-smoking-alt.svg" alt="No Smoking Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Vesper Icons をすべて見る →