Иконка Clock Circle Twotone
ant-design:clock-circle-twotone
Иконка Clock Circle Twotone (ant-design:clock-circle-twotone) — бесплатная SVG-иконка из набора Ant Design Icons от HeskeyBaozi. Она нарисована на сетке 1024 × 1024. Ant Design Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Ant Design Icons
- Автор
- HeskeyBaozi
- Лицензия
- MIT
- Размер
- 1024 × 1024
- Теги
- clockcircle, circletwotone, clockcircletwotone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fill-opacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m176.5 509.7l-28.6 39a7.99 7.99 0 0 1-11.2 1.7L483.3 569.8a7.92 7.92 0 0 1-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1"/><path fill="currentColor" d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.6-3.6 1.8-8.6-1.8-11.1"/></svg>Как использовать иконку Clock Circle Twotone
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:clock-circle-twotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:clock-circle-twotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:clock-circle-twotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--clock-circle-twotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:clock-circle-twotone"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:clock-circle-twotone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/ant-design/clock-circle-twotone.svg" alt="Иконка Clock Circle Twotone" width="24" height="24">Похожие иконки в наборе Ant Design Icons
Вопросы и ответы: Иконка Clock Circle Twotone
Можно ли бесплатно использовать иконку Clock Circle Twotone в коммерческих проектах?
Да. Ant Design Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Clock Circle Twotone в React?
Установите @iconify/react и выведите <Icon icon="ant-design:clock-circle-twotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clock Circle Twotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ant-design/clock-circle-twotone.svg" alt="Иконка Clock Circle Twotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.