Hourglass Done アイコン
noto-v1:hourglass-done
Hourglass Done アイコン(noto-v1:hourglass-done)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- hourglassdone、hourglass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fff" d="M55.79 64.37c0 2.23-.93 4.78-4.25 6.92c-7.82 5.03-25.73 7.99-25.73 44.88h76.23c0-36.9-17.91-39.86-25.73-44.88c-3.32-2.13-4.25-4.69-4.25-6.92c0-2.22.93-4.78 4.25-6.91c7.82-5.03 25.73-7.99 25.73-44.89H25.81c0 36.9 17.91 39.87 25.73 44.89c3.31 2.13 4.25 4.68 4.25 6.91"/><path fill="#855c52" d="M102.04 118.45H25.81c-1.26 0-2.28-1.02-2.28-2.28c0-33 14.44-40.37 23.07-44.77c1.43-.73 2.68-1.37 3.71-2.03c2.15-1.39 3.2-3.03 3.2-5c0-1.98-1.05-3.61-3.2-5c-1.03-.66-2.28-1.29-3.71-2.03c-8.63-4.4-23.07-11.77-23.07-44.78c0-1.26 1.02-2.28 2.28-2.28h76.23c1.25 0 2.28 1.02 2.28 2.28c0 33.01-14.44 40.38-23.06 44.78c-1.44.74-2.69 1.37-3.71 2.03c-2.16 1.38-3.21 3.02-3.21 5c0 1.97 1.05 3.61 3.21 5c1.02.66 2.27 1.29 3.71 2.03c8.62 4.41 23.06 11.77 23.06 44.77c-.01 1.25-1.03 2.28-2.28 2.28m-73.94-4.56h71.63c-.58-28.25-12.09-34.12-20.55-38.44c-1.49-.75-2.88-1.47-4.1-2.25c-4.38-2.82-5.3-6.36-5.3-8.83s.92-6.01 5.3-8.83c1.22-.78 2.62-1.5 4.1-2.26c8.46-4.32 19.97-10.2 20.55-38.44H28.1c.59 28.25 12.1 34.12 20.56 38.44c1.49.76 2.89 1.48 4.1 2.26c4.38 2.81 5.3 6.35 5.3 8.83c0 2.47-.92 6.01-5.29 8.83c-1.22.78-2.62 1.5-4.11 2.25c-8.46 4.32-19.97 10.2-20.56 38.44"/><path fill="#855c52" d="M109.96 120.62c0 3.99-3.23 7.21-7.21 7.21h-77.5c-3.98 0-7.21-3.23-7.21-7.21s3.24-7.21 7.21-7.21h77.49c3.99 0 7.22 3.23 7.22 7.21m0-113.24c0 3.98-3.23 7.21-7.21 7.21h-77.5c-3.98 0-7.21-3.23-7.21-7.21S21.28.17 25.25.17h77.49c3.99 0 7.22 3.23 7.22 7.21"/><path fill="#d7598b" d="M77.55 79.58c-.1-.05-.21-.1-.3-.15H51.43c-.1.05-.21.1-.3.15c-7.28 3.72-16.3 8.32-17.87 29.9h62.17C93.84 87.9 84.82 83.3 77.55 79.58"/></svg>
Hourglass Done アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:hourglass-done" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:hourglass-done" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:hourglass-done" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--hourglass-done]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:hourglass-done"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:hourglass-done"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/hourglass-done.svg" alt="Hourglass Done アイコン" width="24" height="24">
他のアイコンセットの Hourglass Done アイコン
Hourglass Done アイコン のよくある質問
Hourglass Done アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hourglass Done アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:hourglass-done" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hourglass Done アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/hourglass-done.svg" alt="Hourglass Done アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
