Иконка Alarm Clock Check Fill

keyline-icons:alarm-clock-check-fill

Иконка Alarm Clock Check Fill (keyline-icons:alarm-clock-check-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: alarmclock, clockcheck, checkfill, alarmclockcheckfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M12 4C16.9706 4 21 8.0294 21 13C21 17.9706 16.9706 22 12 22C7.0294 22 3 17.9706 3 13C3 8.0294 7.0294 4 12 4ZM8.4546 14.2628L10.6543 16.5255C10.8426 16.7191 11.1012 16.8284 11.3713 16.8284C11.7197 16.8284 12.0429 16.6471 12.2246 16.3499L15.6817 10.6931C15.7776 10.5361 15.8284 10.3556 15.8284 10.1716C15.8284 9.6193 15.3807 9.1716 14.8284 9.1716C14.48 9.1716 14.1568 9.3529 13.9751 9.6501L11.1901 14.2073L9.8886 12.8687C9.7003 12.675 9.4417 12.5657 9.1716 12.5657C8.6193 12.5657 8.1716 13.0134 8.1716 13.5657C8.1716 13.8261 8.2731 14.0761 8.4546 14.2628Z" clip-rule="evenodd" stroke="none"/><path d="M3 5.0627C4.1606 3.7467 5.5957 2.7013 7.2042 2M21 5.0627C19.8394 3.7467 18.4043 2.7013 16.7958 2M8 19.9282L6.8038 22M16 19.9282L17.1962 22"/></g></svg>

Как использовать иконку Alarm Clock Check Fill

React

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:alarm-clock-check-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--alarm-clock-check-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:alarm-clock-check-fill"></div>

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

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

<iconify-icon icon="keyline-icons:alarm-clock-check-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/alarm-clock-check-fill.svg" alt="Иконка Alarm Clock Check Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →