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

Иконка Clock 10 Fill

keyline-icons:clock-10-fill

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

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
clockfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1C18.0751 1 23 5.9249 23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1ZM13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6L11 10.2679L8.1699 8.634C7.9402 8.5014 7.6673 8.4654 7.4111 8.5341C7.1549 8.6027 6.9365 8.7703 6.8039 9C6.5277 9.4783 6.6916 10.0899 7.1699 10.366L11.5 12.866C11.8094 13.0447 12.1906 13.0447 12.5 12.866C12.8094 12.6874 13 12.3573 13 12L13 6Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:clock-10-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:clock-10-fill"></iconify-icon>

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

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

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

Иконка clock
clock
 Иконка clock-1
clock-1
 Иконка clock-1-duotone
clock-1-duotone
 Иконка clock-1-fill
clock-1-fill
 Иконка clock-1-sharp
clock-1-sharp
 Иконка clock-1-sharp-duotone
clock-1-sharp-duotone
 Иконка clock-1-sharp-fill
clock-1-sharp-fill
 Иконка clock-1-sharp-two-tone
clock-1-sharp-two-tone
 Иконка clock-1-two-tone
clock-1-two-tone
 Иконка clock-10
clock-10
 Иконка clock-10-duotone
clock-10-duotone
 Иконка clock-10-sharp
clock-10-sharp
 Иконка clock-10-sharp-duotone
clock-10-sharp-duotone
 Иконка clock-10-sharp-fill
clock-10-sharp-fill
 Иконка clock-10-sharp-two-tone
clock-10-sharp-two-tone
 Иконка clock-10-two-tone
clock-10-two-tone
 Иконка clock-11
clock-11
 Иконка clock-11-duotone
clock-11-duotone
 Иконка clock-11-fill
clock-11-fill
 Иконка clock-11-sharp
clock-11-sharp
 Иконка clock-11-sharp-duotone
clock-11-sharp-duotone
 Иконка clock-11-sharp-fill
clock-11-sharp-fill
 Иконка clock-11-sharp-two-tone
clock-11-sharp-two-tone
 Иконка clock-11-two-tone
clock-11-two-tone

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

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

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

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

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

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

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

Все Keyline Icons →