Add icons to this collection by clicking the heart icon.
24 Hours icon - also known as arrow, clock, time, customer service, 24 hours, availability, 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 64 64"
>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.255"
y2="64.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8fff2" />
<stop offset="1" stop-color="#c8ffe9" />
</linearGradient>
<linearGradient
id="a"
x1="45.801"
x2="45.801"
y1="15.043"
y2="47.739"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#18c19f" />
<stop offset="1" stop-color="#8bf3af" />
</linearGradient>
<linearGradient
id="c"
x1="47.523"
x2="47.523"
y1="15.043"
y2="47.739"
href="#a"
/>
<linearGradient
id="d"
x1="46.147"
x2="46.147"
y1="15.043"
y2="47.739"
href="#a"
/>
<linearGradient
id="e"
x1="47.93"
x2="47.93"
y1="15.043"
y2="47.739"
href="#a"
/>
<linearGradient
id="f"
x1="47.347"
x2="47.347"
y1="15.043"
y2="47.739"
href="#a"
/>
<linearGradient
id="g"
x1="29.632"
x2="29.632"
y1="15.043"
y2="47.739"
href="#a"
/>
<linearGradient id="h" x1="28" x2="28" y1="15.043" y2="47.739" href="#a" />
<linearGradient id="i" x1="36" x2="36" y1="15.043" y2="47.739" href="#a" />
<path
fill="url(#b)"
d="M53.87 1.753a319.995 319.995 0 0 0-43.74-.001 9.055 9.055 0 0 0-8.378 8.379 320.316 320.316 0 0 0 0 43.738 9.054 9.054 0 0 0 8.379 8.379 319.564 319.564 0 0 0 43.738 0 9.052 9.052 0 0 0 8.378-8.379 320.316 320.316 0 0 0 .001-43.738 9.054 9.054 0 0 0-8.379-8.378z"
/>
<g>
<path
fill="url(#a)"
d="M46.31 40.15a1.01 1.01 0 0 0-1.37.37.99.99 0 0 0 .36 1.36 1.002 1.002 0 0 0 1.01-1.73z"
/>
<path
fill="url(#c)"
d="M46.55 29.65a1.037 1.037 0 0 0 1.2.75 1.01 1.01 0 0 0 .75-1.2 1 1 0 0 0-1.95.45z"
/>
<path
fill="url(#d)"
d="M46.15 26.672a.996.996 0 1 0-.46-1.882 1.009 1.009 0 0 0-.43 1.35.988.988 0 0 0 .89.532z"
/>
<path
fill="url(#e)"
d="M47.95 32.39a1.003 1.003 0 0 0-1.02.98 1.021 1.021 0 0 0 1 1.02 1 1 0 0 0 .02-2z"
/>
<path
fill="url(#f)"
d="M47.62 36.37a1.002 1.002 0 1 0 .69 1.24 1.01 1.01 0 0 0-.69-1.24z"
/>
<path
fill="url(#g)"
d="M43.26 22.75a1.106 1.106 0 0 0 .974-.824.981.981 0 0 0-.049-.562L41.41 14.62a1 1 0 0 0-1.85.762l1.334 3.243A16.95 16.95 0 1 0 43.97 45.03a1 1 0 0 0-1.42-1.409 14.967 14.967 0 1 1-1.738-22.64l-4.682.461a1 1 0 0 0-.897 1.093 1.024 1.024 0 0 0 1.092.897z"
/>
<path
fill="url(#h)"
d="M28 29a3.003 3.003 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 2 0c0 .924-1.87 2.9-3.6 4.2A1 1 0 0 0 26 38h4a1 1 0 0 0 0-2h-1.324C29.827 34.849 31 33.346 31 32a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="url(#i)"
d="M38 38a1 1 0 0 0 1-1v-7a1 1 0 0 0-2 0v3h-2v-3a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h3v2a1 1 0 0 0 1 1z"
/>
</g>
</svg>
More icons in the same style and category