Иконка Hourglass Not Done 2

streamline-emojis:hourglass-not-done-2

Иконка Hourglass Not Done 2 (streamline-emojis:hourglass-not-done-2) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Предметы
Теги: hourglassnot, notdone, hourglassnotdone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.5 46.22a15.5 1.72 0 1 0 31 0a15.5 1.72 0 1 0-31 0" opacity=".15"/><path fill="#00b8f0" d="M24 24a11.25 11.25 0 0 1 11.25 11.23v8.31a2 2 0 0 1-2 2H14.71a2 2 0 0 1-2-2v-8.31A11.25 11.25 0 0 1 24 24"/><path fill="#4acfff" d="M24 24a11.25 11.25 0 0 0-11.25 11.23v8.31L30.35 26A11.2 11.2 0 0 0 24 24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 24a11.25 11.25 0 0 1 11.25 11.23v8.31a2 2 0 0 1-2 2H14.71a2 2 0 0 1-2-2v-8.31A11.25 11.25 0 0 1 24 24"/><path fill="#00b8f0" d="M35.25 12.74V4.42a2 2 0 0 0-2-1.95H14.71a2 2 0 0 0-2 1.95v8.32a11.25 11.25 0 0 0 22.5 0Z"/><path fill="#4acfff" d="M32.8 2.47H14.71a2 2 0 0 0-2 1.95v8.32a11.2 11.2 0 0 0 2.6 7.18Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.25 12.74V4.42a2 2 0 0 0-2-1.95H14.71a2 2 0 0 0-2 1.95v8.32a11.25 11.25 0 0 0 22.5 0Z"/><path fill="#bf8256" d="M12.75 2.47a2 2 0 0 0 0 3.91h22.5a2 2 0 0 0 0-3.91Z"/><path fill="#dea47a" d="M37.2 4.42a2 2 0 0 0-2-1.95H12.75a2 2 0 0 0-1.95 1.95Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.75 2.47a2 2 0 0 0 0 3.91h22.5a2 2 0 0 0 0-3.91Z"/><path fill="#bf8256" d="M12.75 41.59a2 2 0 0 0 0 3.91h22.5a2 2 0 0 0 0-3.91Z"/><path fill="#915e3a" d="M10.8 43.54a2 2 0 0 0 1.95 2h22.5a2 2 0 0 0 2-2Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.75 41.59a2 2 0 0 0 0 3.91h22.5a2 2 0 0 0 0-3.91Z"/><path fill="#f0d5a8" d="M31.42 13.2a1 1 0 0 1 1.24 1.14a8.81 8.81 0 0 1-17.32 0a1 1 0 0 1 1.24-1.14a27 27 0 0 0 7.42 1a27 27 0 0 0 7.42-1"/><path fill="#fff5e3" d="m17.09 18.18l4.11-4.12a25.3 25.3 0 0 1-4.62-.86a1 1 0 0 0-1.24 1.14a8.8 8.8 0 0 0 1.75 3.84"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.42 13.2a1 1 0 0 1 1.24 1.14a8.81 8.81 0 0 1-17.32 0a1 1 0 0 1 1.24-1.14a27 27 0 0 0 7.42 1a27 27 0 0 0 7.42-1"/><path fill="#f0d5a8" d="M14.71 37.68a2 2 0 0 0 1.95 2h14.68a2 2 0 0 0 1.95-2s-1.95-3.92-9.29-3.92s-9.29 3.92-9.29 3.92"/><path fill="#fff5e3" d="M22.47 33.83c-6.08.5-7.76 3.85-7.76 3.85a2 2 0 0 0 1.95 2Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.71 37.68a2 2 0 0 0 1.95 2h14.68a2 2 0 0 0 1.95-2s-1.95-3.92-9.29-3.92s-9.29 3.92-9.29 3.92"/></svg>

Как использовать иконку Hourglass Not Done 2

React

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

<Icon icon="streamline-emojis:hourglass-not-done-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:hourglass-not-done-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:hourglass-not-done-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--hourglass-not-done-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:hourglass-not-done-2"></div>

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

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

<iconify-icon icon="streamline-emojis:hourglass-not-done-2"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-emojis/hourglass-not-done-2.svg" alt="Иконка Hourglass Not Done 2" width="24" height="24">

Вопросы и ответы: Иконка Hourglass Not Done 2

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

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

Как использовать иконку Hourglass Not Done 2 в React?

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

Как добавить иконку Hourglass Not Done 2 на веб-страницу?

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

Все Иконки Streamline Emojis →