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

Иконка Clock Fill

keyline-icons:clock-fill

Иконка Clock Fill (keyline-icons:clock-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 1ZM11 6L11 12C11 12.5523 11.4477 13 12 13L17 13C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11L13 11L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →