Иконка Disable Alarm
streamline-plump-color:disable-alarm
Иконка Disable Alarm (streamline-plump-color:disable-alarm) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- disablealarm
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M10.565 10.565L5.343 5.343A7.98 7.98 0 0 1 11 3c2.61 0 4.927 1.25 6.387 3.182a19 19 0 0 0-6.822 4.383M45 11c0 2.61-1.25 4.927-3.182 6.387A19.06 19.06 0 0 0 30.613 6.182A8 8 0 0 1 45 11"/><path fill="#fff" d="M9.5 36.28A18.93 18.93 0 0 1 5 24C5 13.507 13.507 5 24 5s19 8.507 19 19c0 4.682-1.693 8.968-4.5 12.28c.75 1.61 1.5 3.243 2.018 4.375c.424.928.364 2.035-.375 2.738a5 5 0 0 1-.938.717c-.345.2-.725.346-1.09.453c-.978.289-1.966-.212-2.558-1.044c-.57-.8-1.336-1.88-2.135-3.016A18.9 18.9 0 0 1 24 43a18.9 18.9 0 0 1-9.422-2.497a669 669 0 0 1-2.135 3.016c-.592.832-1.58 1.333-2.558 1.044a5 5 0 0 1-1.09-.453a5 5 0 0 1-.938-.717c-.739-.703-.799-1.81-.375-2.738a633 633 0 0 1 2.019-4.375Z"/><path fill="#fff" d="M37 24a13 13 0 1 1-26 0a13 13 0 1 1 26 0"/><path fill="#8fbffa" d="M40.402 40.402A619 619 0 0 0 38.5 36.28A18.93 18.93 0 0 0 43 24c0-10.493-8.507-19-19-19a18.94 18.94 0 0 0-13.435 5.565z"/><path fill="#fff" d="M33.192 33.192L14.808 14.808A12.96 12.96 0 0 1 24 11c7.18 0 13 5.82 13 13c0 3.59-1.455 6.84-3.808 9.192M6.182 17.387A8 8 0 1 1 17.387 6.182A19.06 19.06 0 0 0 6.182 17.387m35.636 0A8 8 0 1 0 30.613 6.182a19.06 19.06 0 0 1 11.205 11.205"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M38.115 44.563c-.978.289-1.966-.212-2.558-1.044c-.57-.8-1.336-1.88-2.135-3.016A18.9 18.9 0 0 1 24 43a18.9 18.9 0 0 1-9.422-2.497a669 669 0 0 1-2.135 3.016c-.592.832-1.58 1.333-2.558 1.044a5 5 0 0 1-1.09-.453a5 5 0 0 1-.938-.717c-.739-.703-.799-1.81-.375-2.738a633 633 0 0 1 2.019-4.375A18.93 18.93 0 0 1 5 24c0-3.46.925-6.705 2.542-9.5m3.088-4A18.94 18.94 0 0 1 24 5c10.493 0 19 8.507 19 19c0 4.682-1.693 8.968-4.5 12.28A608 608 0 0 1 40.217 40"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M6.182 17.387A7.99 7.99 0 0 1 3.062 10m14.325-3.818A7.99 7.99 0 0 0 11 3c-2.13 0-4.066.833-5.5 2.19m9.5 9.43A12.96 12.96 0 0 1 24 11c7.18 0 13 5.82 13 13c0 3.493-1.378 6.664-3.62 9M12 18.991A13 13 0 0 0 11 24c0 7.18 5.82 13 13 13a13 13 0 0 0 5.009-1M2 2l42 42M30.613 6.182a8 8 0 1 1 11.205 11.205"/></g></svg>Как использовать иконку Disable Alarm
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:disable-alarm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:disable-alarm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:disable-alarm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--disable-alarm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:disable-alarm"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:disable-alarm"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/disable-alarm.svg" alt="Иконка Disable Alarm" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Disable Alarm в других наборах
Вопросы и ответы: Иконка Disable Alarm
Можно ли бесплатно использовать иконку Disable Alarm в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Disable Alarm в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:disable-alarm" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Disable Alarm на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/disable-alarm.svg" alt="Иконка Disable Alarm">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.