Hour Glass アイコン
entypo:hour-glass
Hour Glass アイコン(entypo:hour-glass)は、Entypo+ セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hour Glass アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。