ICONYZ
Русский
Иконка Timer из набора Material Symbols

Иконка Timer

material-symbols:timer

Иконка Timer (material-symbols:timer) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Изображения
Теги
alarm, alert, bell, clock, disabled, duration, enabled, notification, time, watch, image, timer sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 3V1h6v2zm2 11h2V8h-2zm-2.488 7.288q-1.637-.713-2.862-1.938t-1.937-2.863T3 13t.713-3.488T5.65 6.65t2.863-1.937T12 4q1.55 0 2.975.5t2.675 1.45l1.4-1.4l1.4 1.4l-1.4 1.4Q20 8.6 20.5 10.025T21 13q0 1.85-.713 3.488T18.35 19.35t-2.863 1.938T12 22t-3.488-.712"/></svg>

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

React

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

<Icon icon="material-symbols:timer" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:timer" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:timer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--timer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:timer"></div>

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

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

<iconify-icon icon="material-symbols:timer"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols/timer.svg" alt="Иконка Timer" width="24" height="24">

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

Иконка timer-1
timer-1
 Иконка timer-1-rounded
timer-1-rounded
 Иконка timer-10
timer-10
 Иконка timer-10-alt-1
timer-10-alt-1
 Иконка timer-10-alt-1-outline
timer-10-alt-1-outline
 Иконка timer-10-alt-1-outline-rounded
timer-10-alt-1-outline-rounded
 Иконка timer-10-alt-1-outline-sharp
timer-10-alt-1-outline-sharp
 Иконка timer-10-alt-1-rounded
timer-10-alt-1-rounded
 Иконка timer-10-alt-1-sharp
timer-10-alt-1-sharp
 Иконка timer-10-rounded
timer-10-rounded
 Иконка timer-10-select
timer-10-select
 Иконка timer-10-select-rounded
timer-10-select-rounded
 Иконка timer-10-select-sharp
timer-10-select-sharp
 Иконка timer-10-sharp
timer-10-sharp
 Иконка timer-2
timer-2
 Иконка timer-2-rounded
timer-2-rounded
 Иконка timer-2-sharp
timer-2-sharp
 Иконка timer-3
timer-3
 Иконка timer-3-alt-1
timer-3-alt-1
 Иконка timer-3-alt-1-outline
timer-3-alt-1-outline
 Иконка timer-3-alt-1-outline-rounded
timer-3-alt-1-outline-rounded
 Иконка timer-3-alt-1-outline-sharp
timer-3-alt-1-outline-sharp
 Иконка timer-3-alt-1-rounded
timer-3-alt-1-rounded
 Иконка timer-3-alt-1-sharp
timer-3-alt-1-sharp

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

Иконка Timer из набора Material Design Icons
Material Design Icons
 Иконка Timer из набора Lucide
Lucide
 Иконка Timer из набора Phosphor
Phosphor
 Иконка Timer из набора Carbon
Carbon
 Иконка Timer из набора BoxIcons v2
BoxIcons v2
 Иконка Timer из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Timer из набора Boxicons
Boxicons
 Иконка Timer из набора Circum Icons
Circum Icons
 Иконка Timer из набора Element Plus
Element Plus
 Иконка Timer из набора Famicons
Famicons
 Иконка Timer из набора Fluent UI MDL2
Fluent UI MDL2
 Иконка Timer из набора Font-GIS
Font-GIS

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

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

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

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

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

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

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

Все Иконки Material Symbols →