Hourglass Outline アイコン

Q: Hourglass Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:hourglass-outline

Hourglass Outline アイコン(solar:hourglass-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 時刻
タグ: hourglassoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.9376 1.25H12.0624C14.0761 1.24998 15.6654 1.24997 16.8229 1.40259C17.9607 1.5526 18.983 1.88319 19.4685 2.82586C19.5384 2.96167 19.5975 3.10281 19.645 3.24795C19.9763 4.25892 19.4861 5.21387 18.7879 6.11769C18.0778 7.03683 16.9536 8.1501 15.5303 9.55956L13.0659 12L15.5303 14.4404C16.9536 15.8499 18.0778 16.9632 18.7879 17.8823C19.4861 18.7861 19.9763 19.7411 19.645 20.752C19.5975 20.8972 19.5384 21.0383 19.4685 21.1741C18.983 22.1168 17.9607 22.4474 16.8229 22.5974C15.6654 22.75 14.0761 22.75 12.0624 22.75H11.9376C9.92383 22.75 8.33457 22.75 7.177 22.5974C6.03925 22.4474 5.01697 22.1168 4.53146 21.1741C4.46151 21.0383 4.40247 20.8972 4.35491 20.752C4.02365 19.7411 4.51387 18.7861 5.21208 17.8823C5.92214 16.9632 7.04636 15.8499 8.46969 14.4404L10.9341 12L8.46969 9.55957C7.04637 8.15011 5.92214 7.03684 5.21208 6.11769C4.51387 5.21387 4.02365 4.25893 4.35491 3.24795C4.40247 3.10281 4.46151 2.96167 4.53146 2.82586C5.01697 1.88319 6.03925 1.5526 7.177 1.40259C8.33457 1.24997 9.92382 1.24998 11.9376 1.25ZM12 10.9445L14.4299 8.53815C15.9079 7.0746 16.9593 6.03105 17.6008 5.20068C18.2616 4.34534 18.2974 3.95253 18.2196 3.71502C18.1968 3.64553 18.1685 3.57787 18.135 3.51267C18.0183 3.28608 17.7062 3.03203 16.6269 2.88972C15.5793 2.7516 14.0897 2.75 12 2.75C9.91028 2.75 8.42065 2.7516 7.37308 2.88972C6.29377 3.03203 5.98169 3.28608 5.86499 3.51267C5.83141 3.57787 5.80311 3.64553 5.78034 3.71502C5.70252 3.95253 5.73838 4.34534 6.39913 5.20068C7.04061 6.03105 8.09208 7.0746 9.57001 8.53815L12 10.9445ZM12 13.0555L9.57001 15.4618C8.09208 16.9254 7.04061 17.969 6.39913 18.7993C5.73838 19.6547 5.70252 20.0475 5.78034 20.285C5.80311 20.3545 5.83141 20.4221 5.86499 20.4873C5.98169 20.7139 6.29377 20.968 7.37308 21.1103C8.42065 21.2484 9.91028 21.25 12 21.25C14.0897 21.25 15.5793 21.2484 16.6269 21.1103C17.7062 20.968 18.0183 20.7139 18.135 20.4873C18.1685 20.4221 18.1968 20.3545 18.2196 20.285C18.2974 20.0475 18.2616 19.6547 17.6008 18.7993C16.9593 17.969 15.9079 16.9254 14.4299 15.4618L12 13.0555Z" clip-rule="evenodd"/></svg>

Hourglass Outline アイコンの使い方

React

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

<Icon icon="solar:hourglass-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:hourglass-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:hourglass-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hourglass-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hourglass-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:hourglass-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/hourglass-outline.svg" alt="Hourglass Outline アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Hourglass Outline アイコン

Hourglass Outline アイコンのよくある質問

Hourglass Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Hourglass Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:hourglass-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hourglass Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/hourglass-outline.svg" alt="Hourglass Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →