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

Иконка Clock 1 Fill

keyline-icons:clock-1-fill

Иконка Clock 1 Fill (keyline-icons:clock-1-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.4526 11.304 12.8488 11.7412 12.9659C12.1784 13.0831 12.6397 12.892 12.866 12.5L15.366 8.1699C15.4986 7.9402 15.5346 7.6673 15.4659 7.4111C15.3973 7.1549 15.2297 6.9365 15 6.8039C14.5217 6.5277 13.9101 6.6916 13.634 7.1699L13 8.268L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка clock
clock
 Иконка clock-1
clock-1
 Иконка clock-1-duotone
clock-1-duotone
 Иконка 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-11-two-tone
clock-11-two-tone

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

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

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

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

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

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

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

Все Keyline Icons →