ICONYZ
Русский
Иконка Clock Solid из набора HeroIcons

Иконка Clock Solid

heroicons:clock-solid

Иконка Clock Solid (heroicons:clock-solid) — бесплатная SVG-иконка из набора HeroIcons от Refactoring UI Inc. Она нарисована на сетке 24 × 24. HeroIcons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
HeroIcons
Автор
Refactoring UI Inc
Лицензия
MIT
Размер
24 × 24
Теги
clocksolid
Скачать 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 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="heroicons:clock-solid" width="24" />

Vue

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

<template>
  <Icon icon="heroicons:clock-solid" width="24" />
</template>

Svelte

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

<Icon icon="heroicons:clock-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="heroicons:clock-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/heroicons/clock-solid.svg" alt="Иконка Clock Solid" width="24" height="24">

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

Иконка clock
clock
 Иконка clock-16-solid
clock-16-solid
 Иконка clock-20-solid
clock-20-solid

Иконка Clock Solid в других наборах

Иконка Clock Solid из набора Basil
Basil
 Иконка Clock Solid из набора Clarity
Clarity
 Иконка Clock Solid из набора Flowbite Icons
Flowbite Icons
 Иконка Clock Solid из набора Iconoir
Iconoir
 Иконка Clock Solid из набора Line Awesome
Line Awesome
 Иконка Clock Solid из набора Pixel Icon
Pixel Icon
 Иконка Clock Solid из набора Rivet Icons
Rivet Icons
 Иконка Clock Solid из набора Stash Icons
Stash Icons
 Иконка Clock Solid из набора Teenyicons
Teenyicons

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

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

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

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

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

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

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

Все HeroIcons →