Hourglass Half 20 Regular アイコン

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

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:hourglass-half-20-regular

Hourglass Half 20 Regular アイコン(fluent:hourglass-half-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 20 × 20
タグ: hourglasshalf、halfregular、hourglasshalfregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M13.69 14.6c.2.44.305.917.31 1.4H6a3.4 3.4 0 0 1 .32-1.4a3.25 3.25 0 0 1 .9-1.16l1.82-1.52a2.5 2.5 0 0 0 .66-.86c.16-.33.241-.693.24-1.06h.12c.014.37.113.734.29 1.06c.151.328.373.618.65.85l1.78 1.53c.385.315.696.71.91 1.16m-8.495 3.244q.345.156.727.156h8.156q.39-.008.735-.156q.343-.15.609-.422q.266-.273.422-.617q.156-.345.156-.727q0-.617-.133-1.195a6 6 0 0 0-.375-1.117a5 5 0 0 0-.601-1.008a5.4 5.4 0 0 0-.828-.86l-1.82-1.515a.497.497 0 0 1 0-.766l1.82-1.523a5.3 5.3 0 0 0 1.445-1.867A5.45 5.45 0 0 0 16 3.922a1.88 1.88 0 0 0-.578-1.344a2.2 2.2 0 0 0-.617-.422A1.7 1.7 0 0 0 14.078 2H5.922q-.39.007-.734.156q-.345.15-.61.422a2.2 2.2 0 0 0-.422.617Q4 3.54 4 3.922q.008 1.234.5 2.305a5.35 5.35 0 0 0 1.438 1.867l1.82 1.523a.498.498 0 0 1 0 .766l-1.82 1.515a5.7 5.7 0 0 0-.829.868a5.35 5.35 0 0 0-.984 2.125A5.6 5.6 0 0 0 4 16.078q.008.39.156.735q.15.343.422.609q.273.266.617.422m9.211-.914a1 1 0 0 1-.367.07H5.961a1 1 0 0 1-.375-.078a1 1 0 0 1-.305-.203a.9.9 0 0 1-.21-.305A1 1 0 0 1 5 16.04a4.45 4.45 0 0 1 .414-1.86a4.3 4.3 0 0 1 1.164-1.507l1.82-1.524q.258-.218.399-.515a1.51 1.51 0 0 0 0-1.273a1.4 1.4 0 0 0-.399-.516l-1.82-1.516a4 4 0 0 1-.672-.695a5 5 0 0 1-.492-.813a4 4 0 0 1-.312-.906A4.5 4.5 0 0 1 5 3.961q.008-.21.078-.375q.07-.164.203-.305a.9.9 0 0 1 .305-.21A1 1 0 0 1 5.96 3h8.078q.21.015.375.078t.305.203a.95.95 0 0 1 .281.68a4.4 4.4 0 0 1-.414 1.867a4.3 4.3 0 0 1-1.164 1.5l-1.82 1.516q-.258.21-.399.515a1.51 1.51 0 0 0 0 1.274q.141.297.399.515l1.82 1.524q.765.64 1.172 1.508q.406.867.406 1.86a1.3 1.3 0 0 1-.078.374a.9.9 0 0 1-.203.305a1 1 0 0 1-.313.21"/></svg>

Hourglass Half 20 Regular アイコンの使い方

React

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

<Icon icon="fluent:hourglass-half-20-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:hourglass-half-20-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:hourglass-half-20-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--hourglass-half-20-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:hourglass-half-20-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:hourglass-half-20-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/hourglass-half-20-regular.svg" alt="Hourglass Half 20 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Hourglass Half 20 Regular アイコンのよくある質問

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

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Hourglass Half 20 Regular アイコンを使うには?

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

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

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

Fluent UI System Icons をすべて見る →