Add icons to this collection by clicking the heart icon.
Time icon - also known as clock, time, watch, circular arrows, and time and date. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 24 24"
>
<style>
.st0 {
display: none;
}
.st2 {
display: inline;
}
.st3 {
fill: #008eca;
}
.st150 {
fill: #ffd7b3;
}
.st152 {
fill: #ad9cff;
}
</style>
<g id="Flat_Gradient">
<linearGradient
id="SVGID_1_"
x1="7.982"
x2="22.12"
y1=".575"
y2="14.713"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<path
d="M22 14.833h-1.333V8.167A4.673 4.673 0 0 0 16 3.5H7.771c-.526 0-1.042.214-1.414.586L4.471 5.971l-.942-.942 1.885-1.885a3.31 3.31 0 0 1 2.357-.977H16c3.309 0 6 2.691 6 6v6.666z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_00000148647676421500937740000002884153832809380528_"
x1="2.5"
x2="7.167"
y1="2.333"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<path
d="M8 6.167H3.333V1.5h1.334v3.333H8z"
fill="url(#SVGID_00000148647676421500937740000002884153832809380528_)"
/>
<linearGradient
id="SVGID_00000172427019049091521970000000236247791459602312_"
x1="4.495"
x2="13.402"
y1="19.81"
y2="10.902"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb067" />
<stop offset="1" stop-color="#ffd7b3" />
</linearGradient>
<path
d="M16.229 20.833H8c-3.309 0-6-2.691-6-6V8.167h1.333v6.667A4.673 4.673 0 0 0 8 19.5h8.229c.526 0 1.042-.214 1.414-.586l1.885-1.885.943.943-1.885 1.885a3.31 3.31 0 0 1-2.357.976z"
fill="url(#SVGID_00000172427019049091521970000000236247791459602312_)"
/>
<linearGradient
id="SVGID_00000101070666596220804190000001432388334580859014_"
x1="17.667"
x2="20.667"
y1="19.833"
y2="16.833"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb067" />
<stop offset="1" stop-color="#ffd7b3" />
</linearGradient>
<path
d="M20.667 21.5h-1.334v-3.333H16v-1.334h4.667z"
fill="url(#SVGID_00000101070666596220804190000001432388334580859014_)"
/>
<path
d="m8.471 16.638-.942-.943 3.804-3.804V8.167h1.334v4.276z"
fill="#ffc585"
/>
</g>
</svg>
More icons in the same style and category