I No Smoking アイコン

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

はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

medical-icon:i-no-smoking

I No Smoking アイコン(medical-icon:i-no-smoking)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Medical Icons
作者: Samuel Frémondière
ライセンス: MIT
サイズ: 64 × 64
タグ: ino、nosmoking、inosmoking

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M32.084 18.571c.691.652 1.817 1.384 3.496 1.584c-.259 1.204-.08 2.53.537 3.61c.775 1.357 2.12 2.134 3.688 2.134h5.063c1.443 0 3.161.472 3.161 2.716v2.581h1.885v-2.581c0-2.837-1.933-4.6-5.046-4.6h-5.064c-1.136 0-1.742-.644-2.051-1.185c-.534-.934-.54-2.21-.016-3.1a.941.941 0 0 0-.869-1.419c-1.43.086-2.633-.301-3.492-1.11a3.7 3.7 0 0 1-1.166-2.667c0-1.308.764-3.754 3.615-3.836v2.215h1.885v-.383c2.663.054 4.583 1.843 4.583 4.299c0 .993-.409 2.148-1.09 3.089a.941.941 0 0 0 .762 1.496h2.993c3.899 0 6.003 3.254 6.003 6.317v3.468h1.886v-3.468c0-4.032-2.952-8.202-7.89-8.202h-1.376c.386-.887.595-1.819.595-2.7c0-3.489-2.773-6.127-6.468-6.183V8.248h-1.886v.565c-3.609.075-5.501 2.912-5.501 5.722a5.6 5.6 0 0 0 1.761 4.037zM48.03 32.125h1.885v5.695H48.03zm2.947 0h1.884v5.695h-1.884z"/><path fill="currentColor" d="M32.586 0C15.264 0 1.173 14.092 1.173 31.414c0 17.321 14.092 31.413 31.413 31.413C49.908 62.827 64 48.735 64 31.414C64.001 14.092 49.909 0 32.587 0zm24.408 31.414c0 5.343-1.73 10.286-4.655 14.311l-7.883-7.882h2.519v-5.627H38.83L18.275 11.662a24.26 24.26 0 0 1 14.312-4.655c13.458 0 24.408 10.949 24.408 24.408zm-48.815 0a24.27 24.27 0 0 1 4.555-14.174l14.975 14.975H11.801v5.627h21.535L46.76 51.265a24.3 24.3 0 0 1-14.174 4.554C19.13 55.821 8.18 44.873 8.18 31.413z"/></svg>

I No Smoking アイコンの使い方

React

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

<Icon icon="medical-icon:i-no-smoking" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:i-no-smoking" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:i-no-smoking" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="medical-icon:i-no-smoking"></iconify-icon>

HTML 画像

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

Medical Icons の関連アイコン

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

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

はい。Medical Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Medical Icons をすべて見る →