Add icons to this collection by clicking the heart icon.
Time icon - also known as clock, time, alarm, duration, stop watch, and sports and competition. 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 64 64"
>
<linearGradient
id="a"
x1="14.32"
x2="49.68"
y1="53.69"
y2="18.32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000354" />
<stop offset="1" stop-color="#048ad3" />
</linearGradient>
<linearGradient
id="b"
x1="17.85"
x2="46.15"
y1="50.15"
y2="21.86"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#39a9fd" />
<stop offset="1" stop-color="#adf2f2" />
</linearGradient>
<linearGradient
id="d"
x1="28.98"
x2="35.02"
y1="8.52"
y2="2.48"
href="#a"
/>
<linearGradient
id="e"
x1="30.25"
x2="33.75"
y1="11.25"
y2="7.75"
href="#b"
/>
<linearGradient
id="c"
x1="10.72"
x2="14.22"
y1="18.72"
y2="15.22"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9d32" />
<stop offset="1" stop-color="#fdf5ad" />
</linearGradient>
<linearGradient
id="f"
x1="49.81"
x2="53.25"
y1="18.69"
y2="15.25"
href="#c"
/>
<linearGradient
id="g"
x1="31.28"
x2="32.72"
y1="20.72"
y2="19.28"
href="#c"
/>
<linearGradient
id="h"
x1="31.28"
x2="32.72"
y1="52.72"
y2="51.28"
href="#c"
/>
<linearGradient
id="i"
x1="47.28"
x2="48.72"
y1="36.72"
y2="35.28"
href="#c"
/>
<linearGradient
id="j"
x1="15.28"
x2="16.72"
y1="36.72"
y2="35.28"
href="#c"
/>
<linearGradient
id="k"
x1="19.98"
x2="21.39"
y1="25.39"
y2="23.98"
href="#c"
/>
<linearGradient
id="l"
x1="42.61"
x2="44.02"
y1="48.02"
y2="46.61"
href="#c"
/>
<linearGradient
id="m"
x1="42.61"
x2="44.02"
y1="25.39"
y2="23.98"
href="#c"
/>
<linearGradient
id="n"
x1="19.98"
x2="21.39"
y1="48.02"
y2="46.61"
href="#c"
/>
<linearGradient
id="o"
x1="27.83"
x2="36.17"
y1="36.09"
y2="27.74"
href="#c"
/>
<path
fill="url(#a)"
d="M57 36c0 21-24.31 32.53-40.56 19.56a25 25 0 0 1-.55-38.67C32.12 3.16 57 14.84 57 36z"
/>
<path
fill="url(#b)"
d="M52 36c0 16.78-19.45 26-32.45 15.65a20 20 0 0 1-.44-30.94C32.1 9.73 52 19.07 52 36z"
/>
<path
fill="url(#d)"
d="M34.5 8h-5a2.5 2.5 0 0 1 0-5h5a2.5 2.5 0 0 1 0 5z"
/>
<path fill="url(#e)" d="M30 8h4v3h-4z" />
<path
fill="url(#c)"
d="M15.89 16.89a23.64 23.64 0 0 0-3.45 3.55l-1.69-1.69a2.47 2.47 0 0 1 3.5-3.5z"
/>
<path
fill="url(#f)"
d="m53.25 18.75-1.69 1.69a23.64 23.64 0 0 0-3.45-3.55l1.64-1.64a2.47 2.47 0 0 1 3.5 3.5z"
/>
<path fill="url(#g)" d="M33 20a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
<path fill="url(#h)" d="M33 52a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
<path fill="url(#i)" d="M48 37a1 1 0 0 1 0-2 1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M16 37a1 1 0 0 1 0-2 1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M21.39 24A1 1 0 0 1 20 25.39 1 1 0 0 1 21.39 24z" />
<path fill="url(#l)" d="M44 46.61A1 1 0 0 1 42.61 48 1 1 0 0 1 44 46.61z" />
<path fill="url(#m)" d="M44 25.39A1 1 0 0 1 42.61 24 1 1 0 0 1 44 25.39z" />
<path fill="url(#n)" d="M21.39 48A1 1 0 0 1 20 46.61 1 1 0 0 1 21.39 48z" />
<path fill="url(#o)" d="M33 33.18V25a1 1 0 0 0-2 0v8.18a3 3 0 1 0 2 0z" />
</svg>
More icons in the same style and category