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

Иконка Clock

ph:clock

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

Набор
Phosphor
Автор
Phosphor Icons
Лицензия
MIT
Размер
256 × 256
Теги
times, timer, alarm, schedule, events, watch
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка clock-afternoon
clock-afternoon
 Иконка clock-afternoon-bold
clock-afternoon-bold
 Иконка clock-afternoon-duotone
clock-afternoon-duotone
 Иконка clock-afternoon-fill
clock-afternoon-fill
 Иконка clock-afternoon-light
clock-afternoon-light
 Иконка clock-afternoon-thin
clock-afternoon-thin
 Иконка clock-bold
clock-bold
 Иконка clock-clockwise
clock-clockwise
 Иконка clock-clockwise-bold
clock-clockwise-bold
 Иконка clock-clockwise-duotone
clock-clockwise-duotone
 Иконка clock-clockwise-fill
clock-clockwise-fill
 Иконка clock-clockwise-light
clock-clockwise-light
 Иконка clock-clockwise-thin
clock-clockwise-thin
 Иконка clock-countdown
clock-countdown
 Иконка clock-countdown-bold
clock-countdown-bold
 Иконка clock-countdown-duotone
clock-countdown-duotone
 Иконка clock-countdown-fill
clock-countdown-fill
 Иконка clock-countdown-light
clock-countdown-light
 Иконка clock-countdown-thin
clock-countdown-thin
 Иконка clock-counter-clockwise
clock-counter-clockwise
 Иконка clock-counter-clockwise-bold
clock-counter-clockwise-bold
 Иконка clock-counter-clockwise-duotone
clock-counter-clockwise-duotone
 Иконка clock-counter-clockwise-fill
clock-counter-clockwise-fill
 Иконка clock-counter-clockwise-light
clock-counter-clockwise-light

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

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

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

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

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

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

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

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

Все Иконки Phosphor →