Hourglass Remix アイコン
streamline-flex:hourglass-remix
Hourglass Remix アイコン(streamline-flex:hourglass-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 基本インターフェース
- タグ
- hourglassremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M1 .875C1 .392 1.392 0 1.875 0h10.25a.875.875 0 0 1 0 1.75h-.81l.03.092c.15.481.286.995.336 1.516c.05.526.014 1.074-.194 1.618c-.21.546-.577 1.048-1.13 1.502A5 5 0 0 1 9.57 7q.421.223.787.522c.553.454.92.956 1.13 1.502c.208.544.245 1.092.194 1.619c-.05.52-.186 1.034-.336 1.515l-.03.092h.81a.875.875 0 0 1 0 1.75H1.875a.875.875 0 0 1 0-1.75h.812l-.03-.092c-.15-.481-.286-.995-.336-1.515c-.05-.527-.014-1.075.194-1.619c.21-.546.577-1.048 1.13-1.502q.366-.299.787-.522a5 5 0 0 1-.786-.522c-.554-.454-.921-.956-1.13-1.502c-.209-.544-.245-1.092-.195-1.618c.05-.521.186-1.035.337-1.516l.029-.092h-.812A.875.875 0 0 1 1 .875m9 11.375H4.002a25 25 0 0 1-.151-.465c-.142-.454-.248-.87-.286-1.262c-.037-.386-.005-.731.118-1.051c.121-.318.347-.648.755-.983c.663-.544 1.583-.864 2.563-.864s1.9.32 2.563.864c.408.335.634.665.755.983c.123.32.155.665.118 1.052c-.037.39-.144.807-.286 1.261a24 24 0 0 1-.151.465m0-10.5H4.002q-.079.235-.151.465c-.142.454-.248.87-.286 1.262c-.037.386-.005.731.118 1.051c.121.318.347.648.755.983c.663.544 1.583.864 2.563.864s1.9-.32 2.563-.864c.408-.335.634-.665.755-.983c.123-.32.155-.665.118-1.051c-.037-.392-.144-.808-.286-1.262A24 24 0 0 0 10 1.75" clip-rule="evenodd"/></svg>Hourglass Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:hourglass-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:hourglass-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:hourglass-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--hourglass-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:hourglass-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:hourglass-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/hourglass-remix.svg" alt="Hourglass Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Hourglass Remix アイコン
Hourglass Remix アイコン のよくある質問
Hourglass Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hourglass Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:hourglass-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hourglass Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/hourglass-remix.svg" alt="Hourglass Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。