Иконка Stopwatch

raphael:stopwatch

Иконка Stopwatch (raphael:stopwatch) — бесплатная SVG-иконка из набора Raphael от Dmitry Baranovskiy. Она нарисована на сетке 32 × 32. Raphael icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Raphael
Автор: Dmitry Baranovskiy
Лицензия: MIT
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.216 18.533a11.69 11.69 0 0 0-4.253-9.032l.733-.997l.482.354a.45.45 0 0 0 .628-.097l.442-.604a.45.45 0 0 0-.097-.628L23.1 6.022a.453.453 0 0 0-.63.097l-.44.604a.45.45 0 0 0 .096.628l.483.354l-.737 1.003a11.6 11.6 0 0 0-4.296-1.7a3.47 3.47 0 0 0 1.403-2.778h-.002a3.48 3.48 0 1 0-6.96 0c0 1.14.557 2.144 1.402 2.778c-1.55.277-2.99.857-4.265 1.68l-.73-1.006l.483-.353a.45.45 0 0 0 .098-.627l-.44-.604a.454.454 0 0 0-.63-.1L5.882 7.5a.45.45 0 0 0-.098.628l.442.604c.145.2.428.244.627.1l.484-.355l.73 1a11.69 11.69 0 0 0-4.283 9.056c0 6.47 5.246 11.716 11.72 11.716c6.47 0 11.715-5.244 11.717-11.717zM12.918 4.23a2.582 2.582 0 0 1 5.162 0c0 1.193-.81 2.185-1.907 2.483v-1.77h.6c.246 0 .45-.203.45-.45v-.747a.453.453 0 0 0-.45-.45h-2.545a.45.45 0 0 0-.45.45v.75c0 .245.203.448.45.448h.6v1.77c-1.1-.3-1.91-1.29-1.91-2.483zM15.5 27.555a9.03 9.03 0 0 1-9.022-9.02A9.034 9.034 0 0 1 15.5 9.512a9.034 9.034 0 0 1 9.02 9.023a9.03 9.03 0 0 1-9.02 9.02m0-15.416a.86.86 0 1 0 .001-1.719a.86.86 0 0 0-.001 1.719m0 12.79a.86.86 0 1 0-.001 1.719a.86.86 0 0 0 .001-1.719m-2.882-13.11a.86.86 0 1 0-1.491.862l2.867 6.722a1.74 1.74 0 0 0 2.375.637a1.74 1.74 0 0 0 .634-2.375l-4.386-5.847zm6.08 12.252a.86.86 0 1 0 .86 1.491a.86.86 0 1 0-.86-1.49zm-9.91-8.42a.86.86 0 1 0 .861-1.491a.86.86 0 1 0-.863 1.49zm13.427 5.763a.862.862 0 0 0-.863 1.491a.86.86 0 1 0 .861-1.491zM9.107 18.53a.863.863 0 0 0-1.723 0a.862.862 0 0 0 1.723.002zm12.79 0c0 .478.383.863.858.86c.476.003.862-.38.862-.858s-.387-.86-.862-.862a.86.86 0 0 0-.86.86zm-13.11 2.883a.861.861 0 1 0 .862 1.491a.862.862 0 0 0-.861-1.492zm12.565-7.256a.861.861 0 1 0 1.178.315a.865.865 0 0 0-1.178-.315m-9.048 9.91a.863.863 0 0 0-.864 1.493a.862.862 0 0 0 .864-1.493m6.394-11.075a.86.86 0 1 0 .858-1.489a.86.86 0 0 0-.857 1.488z"/></svg>

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

React

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

<Icon icon="raphael:stopwatch" width="24" />

Vue

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

<template>
  <Icon icon="raphael:stopwatch" width="24" />
</template>

Svelte

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

<Icon icon="raphael:stopwatch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--stopwatch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:stopwatch"></div>

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

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

<iconify-icon icon="raphael:stopwatch"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/raphael/stopwatch.svg" alt="Иконка Stopwatch" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Raphael →