Hourglass
The hourglass icon represents a device used to measure time, often symbolizing waiting, delay, or the passage of time.
Add shadcn.io to your AI agent. · Pro It installs Hourglass, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
1,034 in Firefox OS EmojiApache 2.0 license (opens in a new tab)Free to copy and download
Code
Hourglass in your framework
In any framework. Customize it above, and the code follows.
export const HourglassIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<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>
);Other libraries
Hourglass in 8 more libraries
Each library draws it its own way. Open one to compare.
Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search Firefox OS Emoji
Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.
Get ProTags
Browse by tag
Hourglass is tagged time, schedule, timer and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Hourglass or any of 1,034 Firefox OS Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Hourglass icon means and where it's used, then how to install, style and license it.
Install Hourglass from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.