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

Иконка Clock

boxicons:clock

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

Набор
Boxicons
Автор
Boxicons
Лицензия
MIT
Размер
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="M12 2C6.58 2 2 6.58 2 12s4.58 10 10 10s10-4.58 10-10S17.42 2 12 2m0 18c-4.34 0-8-3.66-8-8s3.66-8 8-8s8 3.66 8 8s-3.66 8-8 8"/><path fill="currentColor" d="M13 7h-2v6h6v-2h-4z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка clock-1
clock-1
 Иконка clock-1-filled
clock-1-filled
 Иконка clock-10
clock-10
 Иконка clock-10-filled
clock-10-filled
 Иконка clock-11
clock-11
 Иконка clock-11-filled
clock-11-filled
 Иконка clock-12
clock-12
 Иконка clock-12-filled
clock-12-filled
 Иконка clock-2
clock-2
 Иконка clock-2-filled
clock-2-filled
 Иконка clock-3
clock-3
 Иконка clock-3-filled
clock-3-filled
 Иконка clock-4
clock-4
 Иконка clock-4-filled
clock-4-filled
 Иконка clock-5
clock-5
 Иконка clock-5-filled
clock-5-filled
 Иконка clock-6
clock-6
 Иконка clock-6-filled
clock-6-filled
 Иконка clock-7
clock-7
 Иконка clock-7-filled
clock-7-filled
 Иконка clock-8
clock-8
 Иконка clock-8-filled
clock-8-filled
 Иконка clock-9
clock-9
 Иконка clock-9-filled
clock-9-filled

Иконка 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 из набора Bytesize Icons
Bytesize Icons
 Иконка Clock из набора Charm Icons
Charm Icons

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

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

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

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

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

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

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

Все Boxicons →