Иконка Hourglass Flat
streamline-plump-color:hourglass-flat
Иконка Hourglass Flat (streamline-plump-color:hourglass-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- hourglassflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M14.198 2.696c2.75-.94 6.14-1.196 9.815-1.196c3.652 0 7.001.307 9.729 1.276c2.779.987 4.99 2.694 6.152 5.48c1.788 4.288-.707 7.986-2.954 10.567c-1.05 1.204-2.2 2.311-3.267 3.499c-.409.455-1.047 1.05-1.189 1.678c.142.628.78 1.223 1.19 1.678c1.066 1.188 2.217 2.294 3.266 3.499c2.247 2.581 4.742 6.279 2.954 10.566c-1.162 2.787-3.373 4.494-6.152 5.481c-2.728.97-6.077 1.276-9.73 1.276c-3.675 0-7.064-.256-9.814-1.196c-2.815-.962-5.048-2.678-6.173-5.579c-1.64-4.226.86-7.91 3.083-10.495c1.04-1.209 2.177-2.325 3.228-3.523c.404-.46 1.05-1.074 1.177-1.707c-.127-.633-.773-1.247-1.177-1.707c-1.051-1.198-2.189-2.314-3.228-3.523c-2.222-2.584-4.723-6.269-3.083-10.495c1.125-2.9 3.358-4.617 6.173-5.579"/><path fill="#2859c5" d="M24 12c4.09 0 6.985.598 8.839 1.182a4 4 0 0 1-.148.19C30.278 16.33 26.731 20 24 20s-6.278-3.671-8.691-6.627a4 4 0 0 1-.148-.191C17.014 12.598 19.91 12 24 12m-6.66 27.295c1.686.396 3.89.705 6.66.705s4.974-.309 6.66-.705c2.476-.582 3.088-3.55 1.35-5.555C29.7 31.07 26.497 28 24 28s-5.699 3.071-8.01 5.74c-1.738 2.005-1.126 4.973 1.35 5.555"/></g></svg>Как использовать иконку Hourglass Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:hourglass-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:hourglass-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:hourglass-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--hourglass-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:hourglass-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:hourglass-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/hourglass-flat.svg" alt="Иконка Hourglass Flat" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Hourglass Flat в других наборах
Вопросы и ответы: Иконка Hourglass Flat
Можно ли бесплатно использовать иконку Hourglass Flat в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Hourglass Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:hourglass-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hourglass Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/hourglass-flat.svg" alt="Иконка Hourglass Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.