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

Иконка Clock Solid

clarity:clock-solid

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

Набор
Clarity
Автор
VMware
Лицензия
MIT
Размер
36 × 36
Категория
Основные
Теги
clocksolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M18 2a16 16 0 1 0 16 16A16 16 0 0 0 18 2m6.2 21.18a1 1 0 0 1-1.39.28l-5.9-4v-8.71a1 1 0 0 1 2 0v7.65l5 3.39a1 1 0 0 1 .29 1.39m-.35-14.95a11.39 11.39 0 1 0-8.54 20.83L15 30.63a13 13 0 1 1 9.7-23.77Z" class="clr-i-solid clr-i-solid-path-1"/><path fill="none" d="M0 0h36v36H0z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка clock-line
clock-line
 Иконка clock-outline-alerted
clock-outline-alerted
 Иконка clock-outline-badged
clock-outline-badged
 Иконка clock-solid-alerted
clock-solid-alerted
 Иконка clock-solid-badged
clock-solid-badged

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

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

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

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

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

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

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

Все Иконки Clarity →