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

Иконка Clock Duotone

ph:clock-duotone

Иконка Clock Duotone (ph:clock-duotone) — бесплатная 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, clockduotone
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96" opacity=".2"/><path 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"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/ph/clock-duotone.svg" alt="Иконка Clock Duotone" 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 Duotone в других наборах

Иконка Clock Duotone из набора IconaMoon
IconaMoon
 Иконка Clock Duotone из набора Keyline Icons
Keyline Icons
 Иконка Clock Duotone из набора Lets Icons
Lets Icons
 Иконка Clock Duotone из набора Lucide Extended
Lucide Extended
 Иконка Clock Duotone из набора Sargam Icons
Sargam Icons
 Иконка Clock Duotone из набора Stash Icons
Stash Icons

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

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

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

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

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

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

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

Все Иконки Phosphor →