Иконка Hour Glass

entypo:hour-glass

Иконка Hour Glass (entypo:hour-glass) — бесплатная SVG-иконка из набора Entypo+ от Daniel Bruce. Она нарисована на сетке 20 × 20. Entypo+ icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Entypo+
Автор: Daniel Bruce
Лицензия: CC-BY-SA-4.0
Размер: 20 × 20
Теги: hourglass

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M15.6 4.576V2.228C15.6 1.439 13.092 0 10 0C6.907 0 4.4 1.439 4.4 2.228v2.348C4.4 6.717 8.277 8.484 8.277 10c0 1.514-3.877 3.281-3.877 5.422v2.35C4.4 18.56 6.907 20 10 20s5.6-1.44 5.6-2.229v-2.35c0-2.141-3.877-3.908-3.877-5.422c0-1.515 3.877-3.282 3.877-5.423M5.941 2.328c.696-.439 2-1.082 4.114-1.082s4.006 1.082 4.006 1.082c.142.086.698.383.317.609c-.838.497-2.478 1.02-4.378 1.02s-3.484-.576-4.324-1.074c-.381-.225.265-.555.265-.555M10.501 10c0 1.193.996 1.961 2.051 2.986c.771.748 1.826 1.773 1.826 2.435v1.328c-.97-.483-3.872-.955-3.872-2.504c0-.783-1.013-.783-1.013 0c0 1.549-2.902 2.021-3.872 2.504v-1.328c0-.662 1.056-1.688 1.826-2.435C8.502 11.961 9.498 11.193 9.498 10s-.996-1.961-2.051-2.986c-.771-.75-1.826-1.775-1.826-2.438l-.046-.998C6.601 4.131 8.227 4.656 10 4.656s3.406-.525 4.433-1.078l-.055.998c0 .662-1.056 1.688-1.826 2.438c-1.054 1.025-2.051 1.793-2.051 2.986"/></svg>

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

React

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

<Icon icon="entypo:hour-glass" width="24" />

Vue

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

<template>
  <Icon icon="entypo:hour-glass" width="24" />
</template>

Svelte

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

<Icon icon="entypo:hour-glass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[entypo--hour-glass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/entypo -->
<div class="i-entypo:hour-glass"></div>

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

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

<iconify-icon icon="entypo:hour-glass"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/entypo/hour-glass.svg" alt="Иконка Hour Glass" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Entypo+ →