ICONYZ
Русский
Иконка Clock Circle Outline из набора Solar

Иконка Clock Circle Outline

solar:clock-circle-outline

Иконка Clock Circle Outline (solar:clock-circle-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Solar
Автор
480 Design
Лицензия
CC-BY-4.0
Размер
24 × 24
Категория
Время
Теги
clockcircle, circleoutline, clockcircleoutline
Скачать 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.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V11.6893L15.0303 13.9697C15.3232 14.2626 15.3232 14.7374 15.0303 15.0303C14.7374 15.3232 14.2626 15.3232 13.9697 15.0303L11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V8C11.25 7.58579 11.5858 7.25 12 7.25Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:clock-circle-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:clock-circle-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:clock-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--clock-circle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:clock-circle-outline"></div>

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

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

<iconify-icon icon="solar:clock-circle-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/clock-circle-outline.svg" alt="Иконка Clock Circle Outline" width="24" height="24">

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

Иконка clock-circle-bold
clock-circle-bold
 Иконка clock-circle-bold-duotone
clock-circle-bold-duotone
 Иконка clock-circle-broken
clock-circle-broken
 Иконка clock-circle-line-duotone
clock-circle-line-duotone
 Иконка clock-circle-linear
clock-circle-linear
 Иконка clock-square-bold
clock-square-bold
 Иконка clock-square-bold-duotone
clock-square-bold-duotone
 Иконка clock-square-broken
clock-square-broken
 Иконка clock-square-line-duotone
clock-square-line-duotone
 Иконка clock-square-linear
clock-square-linear
 Иконка clock-square-outline
clock-square-outline

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

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

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

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

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

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

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

Все Иконки Solar →