Иконка Hourglass 48
energy-icons:hourglass-48
Иконка Hourglass 48 (energy-icons:hourglass-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M36 5a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2zm0 36a1 1 0 1 1 0 2H12a1 1 0 1 1 0-2z"/><path fill="currentColor" d="M13 42v-6c0-1.807.762-3.278 1.804-4.494c1.027-1.198 2.37-2.198 3.623-3.075c1.298-.909 2.464-1.666 3.342-2.455C22.654 25.179 23 24.557 23 24s-.346-1.18-1.231-1.976c-.878-.79-2.044-1.546-3.342-2.455c-1.254-.877-2.596-1.877-3.623-3.075C13.762 15.278 13 13.807 13 12V6a1 1 0 1 1 2 0v6c0 1.193.488 2.222 1.321 3.193c.848.99 2.006 1.865 3.252 2.738c1.202.841 2.536 1.71 3.533 2.607C24.096 21.43 25 22.558 25 24s-.904 2.57-1.894 3.462c-.997.898-2.33 1.766-3.533 2.607c-1.246.873-2.404 1.748-3.252 2.738c-.833.971-1.321 2-1.321 3.193v6a1 1 0 1 1-2 0"/><path fill="currentColor" d="M33 42v-6c0-1.193-.488-2.222-1.321-3.193c-.848-.99-2.006-1.865-3.252-2.738c-1.202-.841-2.536-1.71-3.533-2.607C23.904 26.57 23 25.442 23 24s.904-2.57 1.894-3.462c.997-.898 2.33-1.766 3.533-2.607c1.246-.873 2.404-1.748 3.252-2.738c.833-.971 1.321-2 1.321-3.193V6a1 1 0 1 1 2 0v6c0 1.807-.762 3.278-1.804 4.494c-1.027 1.198-2.37 2.198-3.623 3.075c-1.298.909-2.464 1.666-3.342 2.455C25.346 22.821 25 23.443 25 24s.346 1.18 1.231 1.976c.878.79 2.044 1.546 3.342 2.455c1.254.877 2.596 1.877 3.623 3.075C34.238 32.722 35 34.193 35 36v6a1 1 0 1 1-2 0"/></svg>Как использовать иконку Hourglass 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:hourglass-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:hourglass-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:hourglass-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--hourglass-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hourglass-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:hourglass-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/hourglass-48.svg" alt="Иконка Hourglass 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Hourglass 48
Можно ли бесплатно использовать иконку Hourglass 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hourglass 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:hourglass-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hourglass 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/hourglass-48.svg" alt="Иконка Hourglass 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.