ICONYZ
Русский
Иконка Clock 12 из набора Tabler Icons

Иконка Clock 12

tabler:clock-12

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

Набор
Tabler Icons
Автор
Paweł Kuna
Лицензия
MIT
Размер
24 × 24
Теги
time, hour, watch, timepiece, twelve hour, am/pm, noon, midday, daytime, clock face, system
Скачать 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 d="M3 12a9 9 0 0 0 9 9m9-9a9 9 0 1 0-18 0"/><path d="M12 7v5l.5.5M18 15h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2m-6 0v-6"/></g></svg>

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

React

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

<Icon icon="tabler:clock-12" width="24" />

Vue

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

<template>
  <Icon icon="tabler:clock-12" width="24" />
</template>

Svelte

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

<Icon icon="tabler:clock-12" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="tabler:clock-12"></iconify-icon>

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

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

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

Иконка clock
clock
 Иконка clock-2
clock-2
 Иконка clock-24
clock-24
 Иконка clock-bitcoin
clock-bitcoin
 Иконка clock-bolt
clock-bolt
 Иконка clock-cancel
clock-cancel
 Иконка clock-check
clock-check
 Иконка clock-code
clock-code
 Иконка clock-cog
clock-cog
 Иконка clock-dollar
clock-dollar
 Иконка clock-down
clock-down
 Иконка clock-edit
clock-edit
 Иконка clock-exclamation
clock-exclamation
 Иконка clock-filled
clock-filled
 Иконка clock-heart
clock-heart
 Иконка clock-hour-1
clock-hour-1
 Иконка clock-hour-1-filled
clock-hour-1-filled
 Иконка clock-hour-10
clock-hour-10
 Иконка clock-hour-10-filled
clock-hour-10-filled
 Иконка clock-hour-11
clock-hour-11
 Иконка clock-hour-11-filled
clock-hour-11-filled
 Иконка clock-hour-12
clock-hour-12
 Иконка clock-hour-12-filled
clock-hour-12-filled
 Иконка clock-hour-2
clock-hour-2

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

Иконка Clock 12 из набора Lucide
Lucide
 Иконка Clock 12 из набора Boxicons
Boxicons
 Иконка Clock 12 из набора Keyline Icons
Keyline Icons
 Иконка Clock 12 из набора Myna UI Icons
Myna UI Icons
 Иконка Clock 12 из набора Vadivam
Vadivam

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

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

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

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

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

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

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

Все Tabler Icons →