Иконка Alarm
iwwa:alarm
Иконка Alarm (iwwa:alarm) — бесплатная SVG-иконка из набора Innowatio Font от Innowatio. Она нарисована на сетке 40 × 40. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Innowatio Font
- Автор
- Innowatio
- Лицензия
- Apache-2.0
- Размер
- 40 × 40
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M19.977 40.016c-3.17 0-5.926-2.26-6.582-5.323H3.634a1.9 1.9 0 0 1-1.747-1.172c-.293-.743-.117-1.562.447-2.093c-.003 0 .57-.672 1.166-2.096c.59-1.428 1.293-3.917 1.293-7.649c0-4.425.975-10.499 5.62-14.305a13 13 0 0 1 4.179-2.316c.067-.875.339-2.216 1.292-3.337c.687-.796 1.959-1.74 4.136-1.74c2.244 0 3.504.948 4.166 1.743c.72.849 1.143 1.945 1.259 3.262a13 13 0 0 1 4.189 2.374c2.542 2.153 5.57 6.393 5.57 14.364c0 3.828.691 6.313 1.271 7.724c.532 1.321 1.068 1.88 1.128 1.939c.605.574.787 1.34.538 2.058a1.93 1.93 0 0 1-1.523 1.218c-.069.026-.195.026-.278.026h-9.786c-.657 3.063-3.411 5.323-6.577 5.323m-5.555-5.324c.636 2.501 2.929 4.323 5.555 4.323c2.622 0 4.914-1.822 5.553-4.323zm11.718-1h10.203c.023 0 .048.002.071-.002c.392-.06.67-.28.792-.59a.87.87 0 0 0-.229-.925l-.076-.075c-.124-.124-.757-.802-1.35-2.273c-.613-1.49-1.346-4.108-1.346-8.101c0-7.589-2.836-11.585-5.216-13.601a11.9 11.9 0 0 0-4.166-2.287a.5.5 0 0 1-.354-.455c-.058-1.247-.41-2.261-1.049-3.014c-.528-.635-1.544-1.387-3.401-1.387c-1.798 0-2.829.756-3.377 1.391c-.895 1.053-1.054 2.376-1.07 3.07a.5.5 0 0 1-.358.469c-1.036.307-2.6.943-4.167 2.236c-4.343 3.559-5.255 9.323-5.255 13.532c0 3.897-.745 6.52-1.37 8.033c-.681 1.625-1.346 2.378-1.374 2.409a.91.91 0 0 0-.234 1.023a.89.89 0 0 0 .818.544H26.14z"/></svg>
Как использовать иконку Alarm
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:alarm" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:alarm" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:alarm" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--alarm]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:alarm"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:alarm"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/iwwa/alarm.svg" alt="Иконка Alarm" width="24" height="24">
Похожие иконки в наборе Innowatio Font
Иконка Alarm в других наборах
Вопросы и ответы: Иконка Alarm
Можно ли бесплатно использовать иконку Alarm в коммерческих проектах?
Да. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Alarm в React?
Установите @iconify/react и выведите <Icon icon="iwwa:alarm" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Alarm на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/iwwa/alarm.svg" alt="Иконка Alarm">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Innowatio Font →
ICONYZ
