Иконка Time Clock 24 Hrs 2
streamline-freehand:time-clock-24-hrs-2
Иконка Time Clock 24 Hrs 2 (streamline-freehand:time-clock-24-hrs-2) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Основы интерфейса
- Теги
- timeclock, clockhrs, timeclockhrs
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.255 19.614a4.7 4.7 0 0 1-2.242-.13a6.8 6.8 0 0 1-2.072-1.006a8.84 8.84 0 0 1-3.017-4.164a12.2 12.2 0 0 1-.704-5.169A7.76 7.76 0 0 1 5.011 2.78a13.35 13.35 0 0 1 7.573-1.67a8.29 8.29 0 0 1 6.034 3.812a10.2 10.2 0 0 1 1.74 7.14a.3.3 0 0 0 .231.352a.28.28 0 0 0 .352-.22a10.85 10.85 0 0 0-1.63-7.714A9.2 9.2 0 0 0 12.716.064a14.3 14.3 0 0 0-8.307 1.74a8.79 8.79 0 0 0-4.234 7.24c-.11 1.897.196 3.795.895 5.562A9.7 9.7 0 0 0 4.49 19.1a7.4 7.4 0 0 0 2.333 1.006c.84.225 1.72.256 2.574.09a.35.35 0 0 0 .262-.412a.34.34 0 0 0-.403-.171"/><path fill="currentColor" d="M13.54 21.555a16 16 0 0 0 1.89-2.152c.43-.565.714-1.229.825-1.931a2.01 2.01 0 0 0-1.137-2.152a2.13 2.13 0 0 0-1.74-.11a3.4 3.4 0 0 0-1.84 1.467a5 5 0 0 0-.251.604q-.092.316-.131.644a.31.31 0 0 0 .271.331a.29.29 0 0 0 .322-.261q.045-.258.141-.503c.08-.17.161-.332.242-.473a2.56 2.56 0 0 1 1.196-.935a1.36 1.36 0 0 1 1.277 0a1.217 1.217 0 0 1 .403 1.67a11.3 11.3 0 0 1-2.243 3.016a9 9 0 0 0-1.116 1.137a.91.91 0 0 0-.12.764a.73.73 0 0 0 .391.422q.31.127.644.151l2.373.171h1.066a.342.342 0 0 0 0-.673h-.965l-2.273-.322l-.14-.06l.16-.131c.252-.292.634-.553.754-.674m10.037-2.021c-.272-.141-.845 0-1.88.17v-.251c0-1.006-.152-1.9-.202-2.464a.31.31 0 0 0-.302-.302a.29.29 0 0 0-.291.302c-.07.553-.232 1.448-.302 2.444v.372l-.704.08q-.745.045-1.488 0h-.392a.55.55 0 0 1-.262-.06a82 82 0 0 1 1.398-3.47c.138-.354.317-.692.533-1.005a.31.31 0 0 0 0-.422a.3.3 0 0 0-.422 0a5 5 0 0 0-.735 1.005c-.452.825-.824 1.79-1.216 2.544c-.25.4-.44.833-.564 1.288a.85.85 0 0 0 .232.754c.144.147.324.255.523.312c.311.081.633.115.955.1c.422 0 .855-.05 1.297-.11c.443-.06.584-.121.875-.181v.301q.03 1.243.201 2.474q.013.165.06.322c.091.231.252.272.343.262a.34.34 0 0 0 .342-.342s.11-1.65.16-2.706v-.523c.342-.06 1.378-.17 1.74-.281c.362-.11.362-.252.372-.332a.35.35 0 0 0-.271-.282m-11.364-8.266q.117-.389.11-.794c0-.453 0-1.117-.06-1.86c-.08-1.359-.241-3.018-.271-4.245a.342.342 0 1 0-.684 0c-.09 1.257-.11 2.927-.11 4.294v2.002h-.624l-1.61.1l-2.684.06a.29.29 0 0 0-.312.282a.3.3 0 0 0 .281.312c1.137.11 3.088.332 4.335.352c.43.034.863-.01 1.277-.13a.6.6 0 0 0 .352-.373"/></svg>
Как использовать иконку Time Clock 24 Hrs 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:time-clock-24-hrs-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--time-clock-24-hrs-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:time-clock-24-hrs-2"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:time-clock-24-hrs-2"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/time-clock-24-hrs-2.svg" alt="Иконка Time Clock 24 Hrs 2" width="24" height="24">
Похожие иконки в наборе Freehand free icons
Иконка Time Clock 24 Hrs 2 в других наборах
Вопросы и ответы: Иконка Time Clock 24 Hrs 2
Можно ли бесплатно использовать иконку Time Clock 24 Hrs 2 в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Time Clock 24 Hrs 2 в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:time-clock-24-hrs-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Time Clock 24 Hrs 2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/time-clock-24-hrs-2.svg" alt="Иконка Time Clock 24 Hrs 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Freehand free icons →
ICONYZ
