ICONYZ
Русский
Иконка Clock из набора Unicons

Иконка Clock

uil:clock

Иконка Clock (uil:clock) — бесплатная SVG-иконка из набора Unicons от Iconscout. Она нарисована на сетке 24 × 24. Unicons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Unicons
Автор
Iconscout
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Время
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.098 12.634L13 11.423V7a1 1 0 0 0-2 0v5a1 1 0 0 0 .5.866l2.598 1.5a1 1 0 1 0 1-1.732M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8.01 8.01 0 0 1-8 8"/></svg>

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

React

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

<Icon icon="uil:clock" width="24" />

Vue

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

<template>
  <Icon icon="uil:clock" width="24" />
</template>

Svelte

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

<Icon icon="uil:clock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--clock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:clock"></div>

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

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

<iconify-icon icon="uil:clock"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/uil/clock.svg" alt="Иконка Clock" width="24" height="24">

Похожие иконки в наборе Unicons

Иконка clock-eight
clock-eight
 Иконка clock-five
clock-five
 Иконка clock-nine
clock-nine
 Иконка clock-seven
clock-seven
 Иконка clock-ten
clock-ten
 Иконка clock-three
clock-three
 Иконка clock-two
clock-two

Иконка Clock в других наборах

Иконка Clock из набора Material Design Icons
Material Design Icons
 Иконка Clock из набора Lucide
Lucide
 Иконка Clock из набора Tabler Icons
Tabler Icons
 Иконка Clock из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Clock из набора Phosphor
Phosphor
 Иконка Clock из набора Bootstrap Icons
Bootstrap Icons
 Иконка Clock из набора HeroIcons
HeroIcons
 Иконка Clock из набора @icons
@icons
 Иконка Clock из набора Akar Icons
Akar Icons
 Иконка Clock из набора Arcticons
Arcticons
 Иконка Clock из набора Boxicons
Boxicons
 Иконка Clock из набора Bytesize Icons
Bytesize Icons

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

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

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

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

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

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

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

Все Unicons →