Hourglass アイコン
fxemoji:hourglass
Hourglass アイコン(fxemoji:hourglass)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F9E7C0" d="M327.7 173.372c-20.641 20.641-45.275 47.46-48.299 82.362c3.024 34.902 27.659 61.721 48.299 82.362c27.953 24.088 45.652 59.747 45.652 99.542c0 .07-.005.139-.006.209h.006v56.025H110.648v-56.025h.006c0-.07-.006-.139-.006-.209c0-39.795 17.699-75.454 45.652-99.542c20.641-20.641 45.275-47.46 48.299-82.362c-3.024-34.902-27.659-61.721-48.299-82.362c-27.953-24.088-45.652-59.747-45.652-99.542V16.962h262.704V73.83c0 39.795-17.699 75.454-45.652 99.542"/><path fill="#FFB636" d="M242 427.504c9.777 0 59.476 54.092 59.476 54.092H182.524s49.699-54.092 59.476-54.092m-5.25-71.823a5.906 5.906 0 1 0 0 11.811a5.906 5.906 0 0 0 0-11.811m5.906 20.999a5.906 5.906 0 1 0 0 11.811a5.906 5.906 0 0 0 0-11.811m-14.31 35.251a5.906 5.906 0 1 0 0 11.811a5.906 5.906 0 0 0 0-11.811m17.56-83.169a5.906 5.906 0 1 0 0 11.811a5.906 5.906 0 0 0 0-11.811M144.252 118.927c0 24.516 27.73 46.485 44.951 61.325c12.716 12.716 34.457 36.779 34.457 66.987c0 1.012.048 1.981.127 2.921c.639 24.677 3.799 52.197 11.638 62.017a5.906 5.906 0 1 0 10.373 2.621c10.525-6.473 14.175-40.104 14.515-69.728c1.8-25.503 22.332-52.666 34.484-64.818c17.221-14.84 44.951-36.808 44.951-61.325c0-11.927-195.496-11.927-195.496 0m104.534 281.752a5.906 5.906 0 1 0 0 11.811a5.906 5.906 0 0 0 0-11.811"/><path fill="#68442A" d="M373.353 31.627H110.648c-8.1 0-14.666-6.566-14.666-14.666s6.566-14.666 14.666-14.666h262.705c8.1 0 14.666 6.566 14.666 14.666s-6.567 14.666-14.666 14.666m14.666 462.245c0-8.1-6.566-14.665-14.666-14.665H110.648c-8.1 0-14.666 6.565-14.666 14.665s6.566 14.665 14.666 14.665h262.705c8.099 0 14.666-6.565 14.666-14.665"/><path fill="#FFD469" d="M339.748 115.432c0 9.076-43.763 16.434-97.748 16.434s-97.748-7.358-97.748-16.434S188.015 98.998 242 98.998s97.748 7.358 97.748 16.434"/></svg>
Hourglass アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hourglass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hourglass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hourglass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hourglass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hourglass"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hourglass"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/hourglass.svg" alt="Hourglass アイコン" width="24" height="24">
他のアイコンセットの Hourglass アイコン
Hourglass アイコン のよくある質問
Hourglass アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hourglass アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:hourglass" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hourglass アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/hourglass.svg" alt="Hourglass アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
