Иконка Alarm O

iwwa:alarm-o

Иконка Alarm O (iwwa:alarm-o) — бесплатная 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
Теги: alarmo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M20.001 37.317c-9.549 0-17.317-7.769-17.317-17.317S10.452 2.683 20.001 2.683S37.316 10.452 37.316 20s-7.767 17.317-17.315 17.317m0-33.134C11.279 4.183 4.184 11.278 4.184 20s7.096 15.817 15.817 15.817S35.816 28.721 35.816 20S28.722 4.183 20.001 4.183"/><g fill="currentColor"><path d="M20.604 8.911a.695.695 0 0 0-1.204 0L9.3 26.394a.69.69 0 0 0 0 .695a.7.7 0 0 0 .603.345H30.1a.696.696 0 0 0 .578-1.083zm-9.5 17.139l8.898-15.402L28.9 26.05z"/><path d="M19.297 15.418v5.316c0 .379.312.691.693.691a.695.695 0 0 0 .693-.691v-5.316a.696.696 0 0 0-.693-.695a.697.697 0 0 0-.693.695m.694 6.934a.695.695 0 0 0-.693.693v.463c0 .379.312.691.693.691a.695.695 0 0 0 .693-.691v-.463a.695.695 0 0 0-.693-.693"/></g></svg>

Как использовать иконку Alarm O

React

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

<Icon icon="iwwa:alarm-o" width="24" />

Vue

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

<template>
  <Icon icon="iwwa:alarm-o" width="24" />
</template>

Svelte

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

<Icon icon="iwwa:alarm-o" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--alarm-o]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:alarm-o"></div>

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

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

<iconify-icon icon="iwwa:alarm-o"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/iwwa/alarm-o.svg" alt="Иконка Alarm O" width="24" height="24">

Вопросы и ответы: Иконка Alarm O

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

Да. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Alarm O в React?

Установите @iconify/react и выведите <Icon icon="iwwa:alarm-o" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Alarm O на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/iwwa/alarm-o.svg" alt="Иконка Alarm O">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Innowatio Font →