hourglass three quarter icon
hourglass-three-quarter-12-regular from Fluent UI System Icons by Microsoft Corporation · 12 Regular · MIT Free for personal and commercial use.
- Name
- hourglass-three-quarter-12-regular
- Set
- Fluent UI System Icons
- Style
- 12 Regular
- Viewbox
- 12×12
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the hourglass three quarter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M8.553 1c.804 0 1.554.672 1.43 1.567c-.192 1.386-.753 2.134-1.27 2.645c-.172.17-.718.514-.718.788s.546.618.718.788c.517.51 1.078 1.26 1.27 2.645c.124.895-.626 1.567-1.43 1.567H3.44c-.804 0-1.554-.672-1.43-1.567c.192-1.385.754-2.134 1.27-2.645c.173-.17.718-.513.718-.788s-.545-.618-.718-.788c-.516-.51-1.078-1.26-1.27-2.645C1.886 1.672 2.636 1 3.44 1zM3.44 2c-.299 0-.467.233-.44.43c.156 1.127.59 1.683.983 2.071c.436.43 1.015.817 1.015 1.499s-.58 1.069-1.015 1.499c-.392.388-.827.944-.983 2.07c-.027.198.141.43.44.431h5.113c.3 0 .468-.233.44-.43c-.156-1.127-.59-1.683-.983-2.071c-.436-.43-1.015-.815-1.015-1.499s.58-1.069 1.015-1.499c.393-.388.827-.944.983-2.07c.028-.198-.14-.43-.44-.431zm2.556 4.052c.017.733.386 1.239.657 1.534c.131.143.273.271.371.361c.113.102.196.178.283.264c.18.178.375.4.522.789H4.164a2.1 2.1 0 0 1 .523-.79c.086-.085.17-.16.283-.263c.099-.09.24-.219.37-.361c.272-.296.64-.801.656-1.534m1.028-2a6 6 0 0 0-.37.362c-.272.295-.64.8-.658 1.533c-.017-.732-.384-1.238-.655-1.533a6 6 0 0 0-.371-.361L4.913 4h2.168z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHourglassThreeQuarter12Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M8.553 1c.804 0 1.554.672 1.43 1.567c-.192 1.386-.753 2.134-1.27 2.645c-.172.17-.718.514-.718.788s.546.618.718.788c.517.51 1.078 1.26 1.27 2.645c.124.895-.626 1.567-1.43 1.567H3.44c-.804 0-1.554-.672-1.43-1.567c.192-1.385.754-2.134 1.27-2.645c.173-.17.718-.513.718-.788s-.545-.618-.718-.788c-.516-.51-1.078-1.26-1.27-2.645C1.886 1.672 2.636 1 3.44 1zM3.44 2c-.299 0-.467.233-.44.43c.156 1.127.59 1.683.983 2.071c.436.43 1.015.817 1.015 1.499s-.58 1.069-1.015 1.499c-.392.388-.827.944-.983 2.07c-.027.198.141.43.44.431h5.113c.3 0 .468-.233.44-.43c-.156-1.127-.59-1.683-.983-2.071c-.436-.43-1.015-.815-1.015-1.499s.58-1.069 1.015-1.499c.393-.388.827-.944.983-2.07c.028-.198-.14-.43-.44-.431zm2.556 4.052c.017.733.386 1.239.657 1.534c.131.143.273.271.371.361c.113.102.196.178.283.264c.18.178.375.4.522.789H4.164a2.1 2.1 0 0 1 .523-.79c.086-.085.17-.16.283-.263c.099-.09.24-.219.37-.361c.272-.296.64-.801.656-1.534m1.028-2a6 6 0 0 0-.37.362c-.272.295-.64.8-.658 1.533c-.017-.732-.384-1.238-.655-1.533a6 6 0 0 0-.371-.361L4.913 4h2.168z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M8.553 1c.804 0 1.554.672 1.43 1.567c-.192 1.386-.753 2.134-1.27 2.645c-.172.17-.718.514-.718.788s.546.618.718.788c.517.51 1.078 1.26 1.27 2.645c.124.895-.626 1.567-1.43 1.567H3.44c-.804 0-1.554-.672-1.43-1.567c.192-1.385.754-2.134 1.27-2.645c.173-.17.718-.513.718-.788s-.545-.618-.718-.788c-.516-.51-1.078-1.26-1.27-2.645C1.886 1.672 2.636 1 3.44 1zM3.44 2c-.299 0-.467.233-.44.43c.156 1.127.59 1.683.983 2.071c.436.43 1.015.817 1.015 1.499s-.58 1.069-1.015 1.499c-.392.388-.827.944-.983 2.07c-.027.198.141.43.44.431h5.113c.3 0 .468-.233.44-.43c-.156-1.127-.59-1.683-.983-2.071c-.436-.43-1.015-.815-1.015-1.499s.58-1.069 1.015-1.499c.393-.388.827-.944.983-2.07c.028-.198-.14-.43-.44-.431zm2.556 4.052c.017.733.386 1.239.657 1.534c.131.143.273.271.371.361c.113.102.196.178.283.264c.18.178.375.4.522.789H4.164a2.1 2.1 0 0 1 .523-.79c.086-.085.17-.16.283-.263c.099-.09.24-.219.37-.361c.272-.296.64-.801.656-1.534m1.028-2a6 6 0 0 0-.37.362c-.272.295-.64.8-.658 1.533c-.017-.732-.384-1.238-.655-1.533a6 6 0 0 0-.371-.361L4.913 4h2.168z"/></svg> </template>
CSS
.icon-hourglass-three-quarter-12-regular {
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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.553%201c.804%200%201.554.672%201.43%201.567c-.192%201.386-.753%202.134-1.27%202.645c-.172.17-.718.514-.718.788s.546.618.718.788c.517.51%201.078%201.26%201.27%202.645c.124.895-.626%201.567-1.43%201.567H3.44c-.804%200-1.554-.672-1.43-1.567c.192-1.385.754-2.134%201.27-2.645c.173-.17.718-.513.718-.788s-.545-.618-.718-.788c-.516-.51-1.078-1.26-1.27-2.645C1.886%201.672%202.636%201%203.44%201zM3.44%202c-.299%200-.467.233-.44.43c.156%201.127.59%201.683.983%202.071c.436.43%201.015.817%201.015%201.499s-.58%201.069-1.015%201.499c-.392.388-.827.944-.983%202.07c-.027.198.141.43.44.431h5.113c.3%200%20.468-.233.44-.43c-.156-1.127-.59-1.683-.983-2.071c-.436-.43-1.015-.815-1.015-1.499s.58-1.069%201.015-1.499c.393-.388.827-.944.983-2.07c.028-.198-.14-.43-.44-.431zm2.556%204.052c.017.733.386%201.239.657%201.534c.131.143.273.271.371.361c.113.102.196.178.283.264c.18.178.375.4.522.789H4.164a2.1%202.1%200%200%201%20.523-.79c.086-.085.17-.16.283-.263c.099-.09.24-.219.37-.361c.272-.296.64-.801.656-1.534m1.028-2a6%206%200%200%200-.37.362c-.272.295-.64.8-.658%201.533c-.017-.732-.384-1.238-.655-1.533a6%206%200%200%200-.371-.361L4.913%204h2.168z%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.553%201c.804%200%201.554.672%201.43%201.567c-.192%201.386-.753%202.134-1.27%202.645c-.172.17-.718.514-.718.788s.546.618.718.788c.517.51%201.078%201.26%201.27%202.645c.124.895-.626%201.567-1.43%201.567H3.44c-.804%200-1.554-.672-1.43-1.567c.192-1.385.754-2.134%201.27-2.645c.173-.17.718-.513.718-.788s-.545-.618-.718-.788c-.516-.51-1.078-1.26-1.27-2.645C1.886%201.672%202.636%201%203.44%201zM3.44%202c-.299%200-.467.233-.44.43c.156%201.127.59%201.683.983%202.071c.436.43%201.015.817%201.015%201.499s-.58%201.069-1.015%201.499c-.392.388-.827.944-.983%202.07c-.027.198.141.43.44.431h5.113c.3%200%20.468-.233.44-.43c-.156-1.127-.59-1.683-.983-2.071c-.436-.43-1.015-.815-1.015-1.499s.58-1.069%201.015-1.499c.393-.388.827-.944.983-2.07c.028-.198-.14-.43-.44-.431zm2.556%204.052c.017.733.386%201.239.657%201.534c.131.143.273.271.371.361c.113.102.196.178.283.264c.18.178.375.4.522.789H4.164a2.1%202.1%200%200%201%20.523-.79c.086-.085.17-.16.283-.263c.099-.09.24-.219.37-.361c.272-.296.64-.801.656-1.534m1.028-2a6%206%200%200%200-.37.362c-.272.295-.64.8-.658%201.533c-.017-.732-.384-1.238-.655-1.533a6%206%200%200%200-.371-.361L4.913%204h2.168z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/hourglass-three-quarter-12-regular.svg?color=%231a73e8&size=48
