Hourglass 48 アイコン
energy-icons:hourglass-48
Hourglass 48 アイコン(energy-icons:hourglass-48)は、Energy Icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hourglass 48 アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。