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

Иконка Clock 2 Fill

keyline-icons:clock-2-fill

Иконка Clock 2 Fill (keyline-icons:clock-2-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.3573 11.1906 12.6874 11.5 12.866C11.8094 13.0447 12.1906 13.0447 12.5 12.866L16.8301 10.366C17.0598 10.2334 17.2274 10.015 17.296 9.7588C17.3647 9.5026 17.3287 9.2297 17.1961 9C16.92 8.5217 16.3084 8.3578 15.8301 8.634L13 10.2679L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Иконка Clock 2 Fill из набора MingCute Icon
MingCute Icon

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

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

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

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

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

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

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

Все Keyline Icons →