Logo No Smoking アイコン
famicons:logo-no-smoking
Logo No Smoking アイコン(famicons:logo-no-smoking)は、Famicons セットの無料 SVG アイコンです(作者: Family)。 512 × 512 のグリッドで描かれています。 Famicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M360 256h16v48h-16zm-248 48h129.6l-48-48H112z"/><path fill="currentColor" d="M364.5 60.1a9 9 0 0 1-1-.6a219 219 0 0 0-34.4-14.8l-5.4-1.8A223.2 223.2 0 0 0 256 32C132.3 32 32 132.3 32 256a223.71 223.71 0 0 0 115.4 195.8c.4.2.7.5 1.1.7a219 219 0 0 0 34.4 14.8l5.4 1.8A222.7 222.7 0 0 0 256 480c123.7 0 224-100.3 224-224A223.76 223.76 0 0 0 364.5 60.1M256 426.4a162 162 0 0 1-27.2-2.4a170 170 0 0 1-28.5-7.3c-1.9-.6-3.8-1.2-5.6-1.9a162 162 0 0 1-19-8.6a170.33 170.33 0 0 1-90.1-150.3c0-37.2 12.4-71.4 32.7-99.4l237.2 237.2c-28.1 20.3-62.3 32.7-99.5 32.7m137.8-71L156.6 118.2c28-20.2 62.1-32.6 99.4-32.6a163 163 0 0 1 27.2 2.4a170 170 0 0 1 28.5 7.3c1.8.6 3.7 1.2 5.6 1.9a162 162 0 0 1 18 8.1a170.25 170.25 0 0 1 91.2 150.8c-.1 37.2-12.5 71.3-32.7 99.3"/><path fill="currentColor" d="M352 256h-34l34 34zm32 0h16v48h-16zm-23.9-43.3c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1c-2.8-4.2-1-14.8 3.7-21.9a8 8 0 0 0 .4-8.2a8.26 8.26 0 0 0-7-4.3a53.7 53.7 0 0 1-18.3-3.9c-10.6-4.5-15.6-12.1-15.6-23.1c0-25.8 21.8-27.7 22.8-27.7v-16c-12 0-38.8 11-38.8 43.7c0 17.5 9 31 25.7 38a66.6 66.6 0 0 0 12 3.6c-3.3 9.8-3.6 20.9 1.7 28.7c9 13.3 20.3 13.2 33.3 13.1h3.5c26.3 0 34.6 2.3 38.9 4.3c5.7 2.6 6.8 7.5 6.6 15.7v1h16v-1c0-7.1.3-22.8-15.7-30.2"/><path fill="currentColor" d="M400 244c0-25.7-3-39.2-9.1-49.6C382.3 180 368.5 172 352 172h-17.4c2.9-8.3 5.4-19.8 3.5-30.9c-3.2-18.8-19.1-30-43.1-30v16c21 0 26.1 9.1 27.4 16.7c2.5 14.5-6.8 32.1-6.9 32.3a8 8 0 0 0 .1 7.9a8.06 8.06 0 0 0 6.9 3.9H352c10.9 0 19.4 4.9 25.1 14.6c3.1 5.3 6.9 13.5 6.9 41.4h16Z"/></svg>Logo No Smoking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:logo-no-smoking" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:logo-no-smoking" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:logo-no-smoking" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--logo-no-smoking]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:logo-no-smoking"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:logo-no-smoking"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/famicons/logo-no-smoking.svg" alt="Logo No Smoking アイコン" width="24" height="24">Famicons の関連アイコン
logo-alipay
logo-amazon
logo-amplify
logo-android
logo-angular
logo-apple
logo-apple-appstore
logo-apple-ar
logo-behance
logo-bitbucket
logo-bitcoin
logo-buffer
logo-capacitor
logo-chrome
logo-closed-captioning
logo-codepen
logo-css3
logo-designernews
logo-deviantart
logo-discord
logo-docker
logo-dribbble
logo-dropbox
logo-edge
他のアイコンセットの Logo No Smoking アイコン
Logo No Smoking アイコン のよくある質問
Logo No Smoking アイコンは商用利用でも無料ですか?
はい。Famicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo No Smoking アイコンを使うには?
@iconify/react をインストールして <Icon icon="famicons:logo-no-smoking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo No Smoking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/famicons/logo-no-smoking.svg" alt="Logo No Smoking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。