ICONYZ
Русский
Иконка Clock из набора andrsrxn/icons

Иконка Clock

andrsrxn:clock

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

Набор
andrsrxn/icons
Автор
Andrés Raxón
Лицензия
MIT
Размер
24 × 24
Категория
Время
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="10.25" fill="currentColor" opacity=".2"/><circle cx="12" cy="12" r="10.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.04 15.78l-2.93-1.95c-.87-.58-1.3-.87-1.54-1.32c-.24-.44-.24-.96-.24-2.01V6.31"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Похожие иконки в наборе andrsrxn/icons

Иконка clock-hour-eight
clock-hour-eight
 Иконка clock-hour-eleven
clock-hour-eleven
 Иконка clock-hour-five
clock-hour-five
 Иконка clock-hour-four
clock-hour-four
 Иконка clock-hour-nine
clock-hour-nine
 Иконка clock-hour-one
clock-hour-one
 Иконка clock-hour-seven
clock-hour-seven
 Иконка clock-hour-six
clock-hour-six
 Иконка clock-hour-ten
clock-hour-ten
 Иконка clock-hour-three
clock-hour-three
 Иконка clock-hour-twelve
clock-hour-twelve
 Иконка clock-hour-two
clock-hour-two
 Иконка clock-lightning
clock-lightning
 Иконка clock-sparkle
clock-sparkle
 Иконка clock-time
clock-time
 Иконка clock-twelve
clock-twelve
 Иконка clock-twenty-four
clock-twenty-four

Иконка 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 в коммерческих проектах?

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

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

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

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

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

Все andrsrxn/icons →