Add icons to this collection by clicking the heart icon.
On Time icon - also known as clock, time, on time, real time, actual, actuality, and time and date. Created in a clean flat gradient style with a white finish, 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 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M34.046 21.523a.631.631 0 0 1-.634-.634v-2.36c0-.352.282-.634.634-.634.352 0 .634.282.634.634v2.36c-.035.352-.317.634-.634.634zM41.55 23.566c-.107 0-.212-.035-.318-.07-.282-.177-.387-.564-.211-.846l1.197-2.043c.177-.282.564-.388.846-.211.282.176.387.563.211.845l-1.197 2.043c-.106.141-.318.282-.529.282zM47.08 29.061a.581.581 0 0 1-.529-.317c-.176-.281-.07-.669.211-.845l2.044-1.163c.282-.176.669-.07.845.212.176.282.07.67-.211.845l-2.043 1.163a.568.568 0 0 1-.317.105zM51.448 36.6h-2.36a.631.631 0 0 1-.635-.634c0-.352.282-.634.634-.634h2.36c.353 0 .635.282.635.634a.631.631 0 0 1-.634.634zM34.046 54.002a.631.631 0 0 1-.634-.635v-2.36c0-.352.282-.634.634-.634.352 0 .634.282.634.634v2.36c-.035.353-.317.635-.634.635zM25.31 51.677c-.106 0-.211-.036-.317-.07-.282-.177-.388-.564-.211-.846l1.197-2.043c.176-.282.564-.388.845-.212.282.176.388.564.212.846l-1.198 2.043a.621.621 0 0 1-.528.282zM18.934 45.3a.58.58 0 0 1-.528-.316c-.177-.282-.071-.67.21-.846l2.044-1.197c.282-.177.67-.07.845.21.177.283.07.67-.211.846l-2.043 1.198a.568.568 0 0 1-.317.106zM18.969 36.6h-2.36a.631.631 0 0 1-.634-.634c0-.352.282-.634.634-.634h2.36c.352 0 .634.282.634.634a.631.631 0 0 1-.634.634zM20.977 29.061c-.106 0-.211-.035-.317-.07l-2.043-1.163c-.282-.176-.388-.563-.211-.845.176-.282.563-.387.845-.211l2.043 1.162c.282.176.388.564.211.846a.62.62 0 0 1-.528.281zM26.508 23.566a.581.581 0 0 1-.529-.317l-1.198-2.043c-.176-.282-.07-.67.212-.845.282-.177.67-.071.845.21l1.198 2.044c.176.282.07.67-.212.845a.567.567 0 0 1-.317.106zM42.218 36.6h-8.172a.631.631 0 0 1-.634-.634V24.693c0-.352.282-.634.634-.634.352 0 .634.282.634.634v10.639h7.574c.352 0 .634.282.634.634 0 .352-.317.634-.67.634zM49.651 55.692c-4.403 0-7.996-3.593-7.996-7.996S45.248 39.7 49.65 39.7c4.403 0 7.996 3.593 7.996 7.996s-3.593 7.996-7.996 7.996zm0-14.76a6.765 6.765 0 0 0-6.763 6.764 6.765 6.765 0 0 0 6.763 6.763 6.765 6.765 0 0 0 6.764-6.763 6.765 6.765 0 0 0-6.764-6.763z"
/>
<path
fill="#fff"
d="M48.313 52.1a.596.596 0 0 1-.353-.106c-.035-.036-.07-.036-.07-.07l-1.374-1.375-1.902-1.867c-.599-.634-.599-1.62 0-2.219a1.574 1.574 0 0 1 2.254 0l1.444 1.444 4.193-4.156c.281-.282.669-.458 1.056-.458.423-.035.846.176 1.128.458.634.634.634 1.62 0 2.254l-5.954 5.953c-.035.036-.07.036-.07.07-.106.036-.212.071-.352.071zm-2.607-4.897a.32.32 0 0 0-.247.105c-.106.141-.106.353 0 .529l2.818 2.783 5.53-5.53a.34.34 0 0 0 0-.494c-.105-.106-.175-.106-.246-.106s-.14 0-.211.106l-4.615 4.615a.617.617 0 0 1-.88 0l-.106-.106-1.797-1.797c-.035-.07-.14-.105-.246-.105z"
/>
<path
fill="#fff"
d="M34.046 55.692c-10.885 0-19.727-8.842-19.727-19.726 0-10.85 8.842-19.692 19.727-19.692s19.727 8.842 19.727 19.692c0 1.69-.212 3.346-.67 5.037-.07.317-.422.528-.74.458-.316-.07-.528-.423-.457-.74.422-1.585.599-3.17.599-4.755 0-10.18-8.279-18.459-18.46-18.459-10.215 0-18.493 8.278-18.493 18.459S23.83 54.46 34.046 54.46c3.382 0 6.693-.916 9.546-2.678.282-.176.67-.07.846.212.176.281.07.669-.212.845a19.568 19.568 0 0 1-10.18 2.853z"
/>
</g>
</svg>
More icons in the same style and category