Иконка I No Smoking

medical-icon:i-no-smoking

Иконка I No Smoking (medical-icon:i-no-smoking) — бесплатная SVG-иконка из набора Medical Icons от 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>

Веб-компонент

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

Вопросы и ответы: Иконка I No Smoking

Можно ли бесплатно использовать иконку I No Smoking в коммерческих проектах?

Да. Medical Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку I No Smoking в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Medical Icons →