3d
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Hourglass SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Hourglass - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
クレジット付きバンドル
phosphor-duotone-hourglass-medium-duotone.svg (785 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Hourglass icon"><title>Hourglass - Phosphor Icons icon</title><desc>Free Hourglass vector icon from the Phosphor Icons open-source icon library; duotone style, MIT licence, viewBox 0 0 256 256, 528 bytes.</desc><path d="M180.92,88,128,128,74.67,88Z" opacity="0.2"/><path d="M200,75.64V40a16,16,0,0,0-16-16H72A16,16,0,0,0,56,40V76a16.07,16.07,0,0,0,6.4,12.8L114.67,128,62.4,167.2A16.07,16.07,0,0,0,56,180v36a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V180.36a16.09,16.09,0,0,0-6.35-12.77L141.27,128l52.38-39.59A16.09,16.09,0,0,0,200,75.64ZM72,40H184V75.64L178.23,80H77.33L72,76Zm56,78L98.67,96h58.4Zm56,98H72V180l48-36v24a8,8,0,0,0,16,0V144.08l48,36.28Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Hourglass
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Hourglass
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#duotone
#hourglass
#medium
#interface
Hourglass - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Hourglass
| 正規の識別子 | phosphor/phosphor-duotone-hourglass-medium-duotone |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 785 bytes (~432 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/phosphor-icons/core |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Hourglass
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
phosphor-duotone-hourglass-medium-duotone.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("Hourglass")
このアイコンを他のオープンソースベクターライブラリと比較できます。
outline
Hourglass
IconPark|interface同じカテゴリの ユーザーインターフェース
見る3d
Hourglass
3D Vector Icons|3d-iconsoutline
Hourglass
IconPark|interfaceoutline
Device Brightness
Material Icons|interfaceoutline
Signal
Lucide|interfaceoutline
Braille
Tabler Icons|interfacesolid
Maps Takeout Dining
Material Icons|interface
Maps Turn Right
Material Icons|interface
Trophy
Lucide|interface
Pay Code
IconPark|interface
Fashion Needle
Domain Icons|interface
Sign Intersection
Bootstrap Icons|interface
Photograph
IconPark|interface
Slash
Bootstrap Icons|interface
Sort Numeric Down
Bootstrap Icons|interface
Finance Handshake
Domain Icons|interface
Fitness Shoe
Domain Icons|interface
Calculator
Tabler Icons|interface
Circle Chevrons Down
Tabler Icons|interface
Add Circle Dash
MingCute Icons|interface
AI
MingCute Icons|interface
Align Horizontal Justify Center
Lucide|interface
Cursor Broadsword Rune Copy
Mouse|interface
Calendar Checkmark
Fluent UI Color|interface
Backspace
Heroicons|interfaceさらに見る
よくある質問
Hourglass - よくある質問
Hourglassにはどのライセンスが適用されますか？ +
HourglassはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Hourglassはどの形式でダウンロードできますか？ +
Hourglassはduotoneスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Hourglassアイコンはどこから来たのですか？ +
HourglassはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。