hourglass icon
hourglass-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.
- Name
- hourglass-twotone
- Set
- Ant Design Icons
- Style
- TwoTone
- Viewbox
- 1024×1024
- License
- MIT
2 other variants in Ant Design Icons
The same icon in other sets
hourglassBootstrap IconshourglassBoxIcons v2hourglassBoxIcons v2 SolidhourglassCarbonhourglassFramework7 IconshourglassFont Awesome 6 RegularhourglassFont Awesome 6 SolidhourglassFont Awesome RegularhourglassFont Awesome Solidhourglass-outlineFlowbite Iconshourglass-12-filledFluent UI System IconshourglassFirefox OS EmojihourglassHuge IconshourglassIconParkhourglassIconPark OutlinehourglassIconoirhourglassIonIconshourglassJam IconshourglassLine AwesomehourglassLucidehourglassMaterial SymbolshourglassMaterial Symbols Lighthourglass-16OcticonshourglassPhosphor
Use the hourglass icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M512 548c-42.2 0-81.9 16.4-111.7 46.3A156.63 156.63 0 0 0 354 706v134h316V706c0-42.2-16.4-81.9-46.3-111.7A156.63 156.63 0 0 0 512 548M354 318c0 42.2 16.4 81.9 46.3 111.7C430.1 459.6 469.8 476 512 476s81.9-16.4 111.7-46.3C653.6 399.9 670 360.2 670 318V184H354z"/><path fill="currentColor" d="M742 318V184h86c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H196c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h86v134c0 81.5 42.4 153.2 106.4 194c-64 40.8-106.4 112.5-106.4 194v134h-86c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h632c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-86V706c0-81.5-42.4-153.2-106.4-194c64-40.8 106.4-112.5 106.4-194m-72 388v134H354V706c0-42.2 16.4-81.9 46.3-111.7C430.1 564.4 469.8 548 512 548s81.9 16.4 111.7 46.3C653.6 624.1 670 663.8 670 706m0-388c0 42.2-16.4 81.9-46.3 111.7C593.9 459.6 554.2 476 512 476s-81.9-16.4-111.7-46.3A156.63 156.63 0 0 1 354 318V184h316z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignHourglassTwotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="M512 548c-42.2 0-81.9 16.4-111.7 46.3A156.63 156.63 0 0 0 354 706v134h316V706c0-42.2-16.4-81.9-46.3-111.7A156.63 156.63 0 0 0 512 548M354 318c0 42.2 16.4 81.9 46.3 111.7C430.1 459.6 469.8 476 512 476s81.9-16.4 111.7-46.3C653.6 399.9 670 360.2 670 318V184H354z"/><path fill="currentColor" d="M742 318V184h86c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H196c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h86v134c0 81.5 42.4 153.2 106.4 194c-64 40.8-106.4 112.5-106.4 194v134h-86c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h632c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-86V706c0-81.5-42.4-153.2-106.4-194c64-40.8 106.4-112.5 106.4-194m-72 388v134H354V706c0-42.2 16.4-81.9 46.3-111.7C430.1 564.4 469.8 548 512 548s81.9 16.4 111.7 46.3C653.6 624.1 670 663.8 670 706m0-388c0 42.2-16.4 81.9-46.3 111.7C593.9 459.6 554.2 476 512 476s-81.9-16.4-111.7-46.3A156.63 156.63 0 0 1 354 318V184h316z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M512 548c-42.2 0-81.9 16.4-111.7 46.3A156.63 156.63 0 0 0 354 706v134h316V706c0-42.2-16.4-81.9-46.3-111.7A156.63 156.63 0 0 0 512 548M354 318c0 42.2 16.4 81.9 46.3 111.7C430.1 459.6 469.8 476 512 476s81.9-16.4 111.7-46.3C653.6 399.9 670 360.2 670 318V184H354z"/><path fill="currentColor" d="M742 318V184h86c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H196c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h86v134c0 81.5 42.4 153.2 106.4 194c-64 40.8-106.4 112.5-106.4 194v134h-86c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h632c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-86V706c0-81.5-42.4-153.2-106.4-194c64-40.8 106.4-112.5 106.4-194m-72 388v134H354V706c0-42.2 16.4-81.9 46.3-111.7C430.1 564.4 469.8 548 512 548s81.9 16.4 111.7 46.3C653.6 624.1 670 663.8 670 706m0-388c0 42.2-16.4 81.9-46.3 111.7C593.9 459.6 554.2 476 512 476s-81.9-16.4-111.7-46.3A156.63 156.63 0 0 1 354 318V184h316z"/></svg> </template>
CSS
.icon-hourglass-twotone {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20548c-42.2%200-81.9%2016.4-111.7%2046.3A156.63%20156.63%200%200%200%20354%20706v134h316V706c0-42.2-16.4-81.9-46.3-111.7A156.63%20156.63%200%200%200%20512%20548M354%20318c0%2042.2%2016.4%2081.9%2046.3%20111.7C430.1%20459.6%20469.8%20476%20512%20476s81.9-16.4%20111.7-46.3C653.6%20399.9%20670%20360.2%20670%20318V184H354z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M742%20318V184h86c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8H196c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h86v134c0%2081.5%2042.4%20153.2%20106.4%20194c-64%2040.8-106.4%20112.5-106.4%20194v134h-86c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h632c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8h-86V706c0-81.5-42.4-153.2-106.4-194c64-40.8%20106.4-112.5%20106.4-194m-72%20388v134H354V706c0-42.2%2016.4-81.9%2046.3-111.7C430.1%20564.4%20469.8%20548%20512%20548s81.9%2016.4%20111.7%2046.3C653.6%20624.1%20670%20663.8%20670%20706m0-388c0%2042.2-16.4%2081.9-46.3%20111.7C593.9%20459.6%20554.2%20476%20512%20476s-81.9-16.4-111.7-46.3A156.63%20156.63%200%200%201%20354%20318V184h316z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20548c-42.2%200-81.9%2016.4-111.7%2046.3A156.63%20156.63%200%200%200%20354%20706v134h316V706c0-42.2-16.4-81.9-46.3-111.7A156.63%20156.63%200%200%200%20512%20548M354%20318c0%2042.2%2016.4%2081.9%2046.3%20111.7C430.1%20459.6%20469.8%20476%20512%20476s81.9-16.4%20111.7-46.3C653.6%20399.9%20670%20360.2%20670%20318V184H354z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M742%20318V184h86c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8H196c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h86v134c0%2081.5%2042.4%20153.2%20106.4%20194c-64%2040.8-106.4%20112.5-106.4%20194v134h-86c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h632c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8h-86V706c0-81.5-42.4-153.2-106.4-194c64-40.8%20106.4-112.5%20106.4-194m-72%20388v134H354V706c0-42.2%2016.4-81.9%2046.3-111.7C430.1%20564.4%20469.8%20548%20512%20548s81.9%2016.4%20111.7%2046.3C653.6%20624.1%20670%20663.8%20670%20706m0-388c0%2042.2-16.4%2081.9-46.3%20111.7C593.9%20459.6%20554.2%20476%20512%20476s-81.9-16.4-111.7-46.3A156.63%20156.63%200%200%201%20354%20318V184h316z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/hourglass-twotone.svg?color=%231a73e8&size=48
