hourglass emoji
hourglass from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- hourglass
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
hourglass-filledAnt Design IconshourglassBootstrap IconshourglassBoxIcons v2hourglassBoxIcons v2 SolidhourglassCarbonhourglassFramework7 IconshourglassFont Awesome 6 RegularhourglassFont Awesome 6 SolidhourglassFont Awesome RegularhourglassFont Awesome Solidhourglass-outlineFlowbite Iconshourglass-12-filledFluent UI System IconshourglassHuge IconshourglassIconParkhourglassIconPark OutlinehourglassIconoirhourglassIonIconshourglassJam IconshourglassLine AwesomehourglassLucidehourglassMaterial SymbolshourglassMaterial Symbols Lighthourglass-16OcticonshourglassPhosphor
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the hourglass emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><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>
React
import type { SVGProps } from "react";
export function FxemojiHourglass(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><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> </template>
CSS
.icon-hourglass {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23F9E7C0%22%20d%3D%22M327.7%20173.372c-20.641%2020.641-45.275%2047.46-48.299%2082.362c3.024%2034.902%2027.659%2061.721%2048.299%2082.362c27.953%2024.088%2045.652%2059.747%2045.652%2099.542c0%20.07-.005.139-.006.209h.006v56.025H110.648v-56.025h.006c0-.07-.006-.139-.006-.209c0-39.795%2017.699-75.454%2045.652-99.542c20.641-20.641%2045.275-47.46%2048.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%2039.795-17.699%2075.454-45.652%2099.542%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M242%20427.504c9.777%200%2059.476%2054.092%2059.476%2054.092H182.524s49.699-54.092%2059.476-54.092m-5.25-71.823a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m5.906%2020.999a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m-14.31%2035.251a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m17.56-83.169a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811M144.252%20118.927c0%2024.516%2027.73%2046.485%2044.951%2061.325c12.716%2012.716%2034.457%2036.779%2034.457%2066.987c0%201.012.048%201.981.127%202.921c.639%2024.677%203.799%2052.197%2011.638%2062.017a5.906%205.906%200%201%200%2010.373%202.621c10.525-6.473%2014.175-40.104%2014.515-69.728c1.8-25.503%2022.332-52.666%2034.484-64.818c17.221-14.84%2044.951-36.808%2044.951-61.325c0-11.927-195.496-11.927-195.496%200m104.534%20281.752a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811%22%2F%3E%3Cpath%20fill%3D%22%2368442A%22%20d%3D%22M373.353%2031.627H110.648c-8.1%200-14.666-6.566-14.666-14.666s6.566-14.666%2014.666-14.666h262.705c8.1%200%2014.666%206.566%2014.666%2014.666s-6.567%2014.666-14.666%2014.666m14.666%20462.245c0-8.1-6.566-14.665-14.666-14.665H110.648c-8.1%200-14.666%206.565-14.666%2014.665s6.566%2014.665%2014.666%2014.665h262.705c8.099%200%2014.666-6.565%2014.666-14.665%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M339.748%20115.432c0%209.076-43.763%2016.434-97.748%2016.434s-97.748-7.358-97.748-16.434S188.015%2098.998%20242%2098.998s97.748%207.358%2097.748%2016.434%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23F9E7C0%22%20d%3D%22M327.7%20173.372c-20.641%2020.641-45.275%2047.46-48.299%2082.362c3.024%2034.902%2027.659%2061.721%2048.299%2082.362c27.953%2024.088%2045.652%2059.747%2045.652%2099.542c0%20.07-.005.139-.006.209h.006v56.025H110.648v-56.025h.006c0-.07-.006-.139-.006-.209c0-39.795%2017.699-75.454%2045.652-99.542c20.641-20.641%2045.275-47.46%2048.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%2039.795-17.699%2075.454-45.652%2099.542%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M242%20427.504c9.777%200%2059.476%2054.092%2059.476%2054.092H182.524s49.699-54.092%2059.476-54.092m-5.25-71.823a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m5.906%2020.999a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m-14.31%2035.251a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811m17.56-83.169a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811M144.252%20118.927c0%2024.516%2027.73%2046.485%2044.951%2061.325c12.716%2012.716%2034.457%2036.779%2034.457%2066.987c0%201.012.048%201.981.127%202.921c.639%2024.677%203.799%2052.197%2011.638%2062.017a5.906%205.906%200%201%200%2010.373%202.621c10.525-6.473%2014.175-40.104%2014.515-69.728c1.8-25.503%2022.332-52.666%2034.484-64.818c17.221-14.84%2044.951-36.808%2044.951-61.325c0-11.927-195.496-11.927-195.496%200m104.534%20281.752a5.906%205.906%200%201%200%200%2011.811a5.906%205.906%200%200%200%200-11.811%22%2F%3E%3Cpath%20fill%3D%22%2368442A%22%20d%3D%22M373.353%2031.627H110.648c-8.1%200-14.666-6.566-14.666-14.666s6.566-14.666%2014.666-14.666h262.705c8.1%200%2014.666%206.566%2014.666%2014.666s-6.567%2014.666-14.666%2014.666m14.666%20462.245c0-8.1-6.566-14.665-14.666-14.665H110.648c-8.1%200-14.666%206.565-14.666%2014.665s6.566%2014.665%2014.666%2014.665h262.705c8.099%200%2014.666-6.565%2014.666-14.665%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M339.748%20115.432c0%209.076-43.763%2016.434-97.748%2016.434s-97.748-7.358-97.748-16.434S188.015%2098.998%20242%2098.998s97.748%207.358%2097.748%2016.434%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/hourglass.svg?color=%231a73e8&size=48
