time duration icon
time-duration-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- time-duration-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the time duration icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.332 1.76a1.5 1.5 0 0 0-.664 2.925L14 3.223zM4.686 13.668a1.5 1.5 0 1 0-2.926.664L3.223 14zM13.5 7a1.5 1.5 0 1 0-3 0zM12 12h-1.5c0 .398.158.779.44 1.06zm1.94 4.06a1.5 1.5 0 1 0 2.12-2.121L15 14.999zM1.76 9.668a1.5 1.5 0 0 0 2.926.664L3.223 10zm3.072.117a1.5 1.5 0 0 0-2.867-.884l1.434.442zm-.53-4.925A1.5 1.5 0 1 0 6.5 6.9L5.4 5.88zM6.9 6.5a1.5 1.5 0 1 0-2.04-2.2l1.02 1.1zm2-4.535a1.5 1.5 0 0 0 .885 2.867l-.443-1.434zm1.431 2.72a1.5 1.5 0 0 0-.664-2.925L10 3.223zM21 12h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.8 0 10.5-4.701 10.5-10.5zm-7-8.777l-.332 1.462A7.5 7.5 0 0 1 19.5 12h3c0-5-3.492-9.18-8.168-10.24zM12 21v-1.5a7.5 7.5 0 0 1-7.314-5.832L3.223 14l-1.463.332C2.821 19.008 7.001 22.5 12 22.5zm0-14h-1.5v5h3V7zm0 5l-1.06 1.06l3 3L15 15l1.06-1.061l-3-3zm-8.777-2l1.463.332q.063-.278.146-.547l-1.433-.442l-1.434-.442q-.116.378-.205.767zm2.178-4.12L6.5 6.9q.192-.208.4-.4L5.88 5.4L4.86 4.3q-.29.27-.56.56zm3.942-2.482l.443 1.434q.269-.084.546-.147L10 3.223L9.668 1.76q-.39.088-.767.205z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteTimeDurationFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.332 1.76a1.5 1.5 0 0 0-.664 2.925L14 3.223zM4.686 13.668a1.5 1.5 0 1 0-2.926.664L3.223 14zM13.5 7a1.5 1.5 0 1 0-3 0zM12 12h-1.5c0 .398.158.779.44 1.06zm1.94 4.06a1.5 1.5 0 1 0 2.12-2.121L15 14.999zM1.76 9.668a1.5 1.5 0 0 0 2.926.664L3.223 10zm3.072.117a1.5 1.5 0 0 0-2.867-.884l1.434.442zm-.53-4.925A1.5 1.5 0 1 0 6.5 6.9L5.4 5.88zM6.9 6.5a1.5 1.5 0 1 0-2.04-2.2l1.02 1.1zm2-4.535a1.5 1.5 0 0 0 .885 2.867l-.443-1.434zm1.431 2.72a1.5 1.5 0 0 0-.664-2.925L10 3.223zM21 12h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.8 0 10.5-4.701 10.5-10.5zm-7-8.777l-.332 1.462A7.5 7.5 0 0 1 19.5 12h3c0-5-3.492-9.18-8.168-10.24zM12 21v-1.5a7.5 7.5 0 0 1-7.314-5.832L3.223 14l-1.463.332C2.821 19.008 7.001 22.5 12 22.5zm0-14h-1.5v5h3V7zm0 5l-1.06 1.06l3 3L15 15l1.06-1.061l-3-3zm-8.777-2l1.463.332q.063-.278.146-.547l-1.433-.442l-1.434-.442q-.116.378-.205.767zm2.178-4.12L6.5 6.9q.192-.208.4-.4L5.88 5.4L4.86 4.3q-.29.27-.56.56zm3.942-2.482l.443 1.434q.269-.084.546-.147L10 3.223L9.668 1.76q-.39.088-.767.205z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.332 1.76a1.5 1.5 0 0 0-.664 2.925L14 3.223zM4.686 13.668a1.5 1.5 0 1 0-2.926.664L3.223 14zM13.5 7a1.5 1.5 0 1 0-3 0zM12 12h-1.5c0 .398.158.779.44 1.06zm1.94 4.06a1.5 1.5 0 1 0 2.12-2.121L15 14.999zM1.76 9.668a1.5 1.5 0 0 0 2.926.664L3.223 10zm3.072.117a1.5 1.5 0 0 0-2.867-.884l1.434.442zm-.53-4.925A1.5 1.5 0 1 0 6.5 6.9L5.4 5.88zM6.9 6.5a1.5 1.5 0 1 0-2.04-2.2l1.02 1.1zm2-4.535a1.5 1.5 0 0 0 .885 2.867l-.443-1.434zm1.431 2.72a1.5 1.5 0 0 0-.664-2.925L10 3.223zM21 12h-1.5a7.5 7.5 0 0 1-7.5 7.5v3c5.8 0 10.5-4.701 10.5-10.5zm-7-8.777l-.332 1.462A7.5 7.5 0 0 1 19.5 12h3c0-5-3.492-9.18-8.168-10.24zM12 21v-1.5a7.5 7.5 0 0 1-7.314-5.832L3.223 14l-1.463.332C2.821 19.008 7.001 22.5 12 22.5zm0-14h-1.5v5h3V7zm0 5l-1.06 1.06l3 3L15 15l1.06-1.061l-3-3zm-8.777-2l1.463.332q.063-.278.146-.547l-1.433-.442l-1.434-.442q-.116.378-.205.767zm2.178-4.12L6.5 6.9q.192-.208.4-.4L5.88 5.4L4.86 4.3q-.29.27-.56.56zm3.942-2.482l.443 1.434q.269-.084.546-.147L10 3.223L9.668 1.76q-.39.088-.767.205z"/></svg> </template>
CSS
.icon-time-duration-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.332%201.76a1.5%201.5%200%200%200-.664%202.925L14%203.223zM4.686%2013.668a1.5%201.5%200%201%200-2.926.664L3.223%2014zM13.5%207a1.5%201.5%200%201%200-3%200zM12%2012h-1.5c0%20.398.158.779.44%201.06zm1.94%204.06a1.5%201.5%200%201%200%202.12-2.121L15%2014.999zM1.76%209.668a1.5%201.5%200%200%200%202.926.664L3.223%2010zm3.072.117a1.5%201.5%200%200%200-2.867-.884l1.434.442zm-.53-4.925A1.5%201.5%200%201%200%206.5%206.9L5.4%205.88zM6.9%206.5a1.5%201.5%200%201%200-2.04-2.2l1.02%201.1zm2-4.535a1.5%201.5%200%200%200%20.885%202.867l-.443-1.434zm1.431%202.72a1.5%201.5%200%200%200-.664-2.925L10%203.223zM21%2012h-1.5a7.5%207.5%200%200%201-7.5%207.5v3c5.8%200%2010.5-4.701%2010.5-10.5zm-7-8.777l-.332%201.462A7.5%207.5%200%200%201%2019.5%2012h3c0-5-3.492-9.18-8.168-10.24zM12%2021v-1.5a7.5%207.5%200%200%201-7.314-5.832L3.223%2014l-1.463.332C2.821%2019.008%207.001%2022.5%2012%2022.5zm0-14h-1.5v5h3V7zm0%205l-1.06%201.06l3%203L15%2015l1.06-1.061l-3-3zm-8.777-2l1.463.332q.063-.278.146-.547l-1.433-.442l-1.434-.442q-.116.378-.205.767zm2.178-4.12L6.5%206.9q.192-.208.4-.4L5.88%205.4L4.86%204.3q-.29.27-.56.56zm3.942-2.482l.443%201.434q.269-.084.546-.147L10%203.223L9.668%201.76q-.39.088-.767.205z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.332%201.76a1.5%201.5%200%200%200-.664%202.925L14%203.223zM4.686%2013.668a1.5%201.5%200%201%200-2.926.664L3.223%2014zM13.5%207a1.5%201.5%200%201%200-3%200zM12%2012h-1.5c0%20.398.158.779.44%201.06zm1.94%204.06a1.5%201.5%200%201%200%202.12-2.121L15%2014.999zM1.76%209.668a1.5%201.5%200%200%200%202.926.664L3.223%2010zm3.072.117a1.5%201.5%200%200%200-2.867-.884l1.434.442zm-.53-4.925A1.5%201.5%200%201%200%206.5%206.9L5.4%205.88zM6.9%206.5a1.5%201.5%200%201%200-2.04-2.2l1.02%201.1zm2-4.535a1.5%201.5%200%200%200%20.885%202.867l-.443-1.434zm1.431%202.72a1.5%201.5%200%200%200-.664-2.925L10%203.223zM21%2012h-1.5a7.5%207.5%200%200%201-7.5%207.5v3c5.8%200%2010.5-4.701%2010.5-10.5zm-7-8.777l-.332%201.462A7.5%207.5%200%200%201%2019.5%2012h3c0-5-3.492-9.18-8.168-10.24zM12%2021v-1.5a7.5%207.5%200%200%201-7.314-5.832L3.223%2014l-1.463.332C2.821%2019.008%207.001%2022.5%2012%2022.5zm0-14h-1.5v5h3V7zm0%205l-1.06%201.06l3%203L15%2015l1.06-1.061l-3-3zm-8.777-2l1.463.332q.063-.278.146-.547l-1.433-.442l-1.434-.442q-.116.378-.205.767zm2.178-4.12L6.5%206.9q.192-.208.4-.4L5.88%205.4L4.86%204.3q-.29.27-.56.56zm3.942-2.482l.443%201.434q.269-.084.546-.147L10%203.223L9.668%201.76q-.39.088-.767.205z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/time-duration-fill.svg?color=%231a73e8&size=48
