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

Иконка Clock Fill

ph:clock-fill

Иконка Clock Fill (ph:clock-fill) — бесплатная 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, clockfill
Скачать 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 24m56 112h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 0 16"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка clock
clock
 Иконка 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 Fill в других наборах

Иконка Clock Fill из набора Bootstrap Icons
Bootstrap Icons
 Иконка Clock Fill из набора Eva Icons
Eva Icons
 Иконка Clock Fill из набора Framework7 Icons
Framework7 Icons
 Иконка Clock Fill из набора Gravity UI Icons
Gravity UI Icons
 Иконка Clock Fill из набора IconaMoon
IconaMoon
 Иконка Clock Fill из набора Keyline Icons
Keyline Icons
 Иконка Clock Fill из набора Lets Icons
Lets Icons
 Иконка Clock Fill из набора Mage Icons
Mage Icons
 Иконка Clock Fill из набора Memory Icons
Memory Icons
 Иконка Clock Fill из набора MingCute Icon
MingCute Icon
 Иконка Clock Fill из набора Sargam Icons
Sargam Icons

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

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

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

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

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

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

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

Все Иконки Phosphor →