Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, tool, watch, Tools and utensils, and time and date. Created in a clean 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="100"
    height="100"
    viewBox="0 0 490.667 490.667"
>
    <linearGradient
        id="a"
        x1="-43.331"
        x2="-27.075"
        y1="620.779"
        y2="604.523"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M245.333 0C110.059 0 0 110.059 0 245.333s110.059 245.333 245.333 245.333 245.333-110.059 245.333-245.333S380.608 0 245.333 0zm0 469.333c-123.52 0-224-100.48-224-224s100.48-224 224-224 224 100.48 224 224-100.48 224-224 224z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-40.057"
        x2="-28.489"
        y1="617.505"
        y2="605.937"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M245.333 42.667c-5.888 0-10.667 4.779-10.667 10.667v181.333H53.333c-5.888 0-10.667 4.779-10.667 10.667C42.667 357.077 133.589 448 245.333 448S448 357.077 448 245.333 357.077 42.667 245.333 42.667zm0 384C148.928 426.667 69.845 351.04 64.32 256h181.013c5.888 0 10.667-4.779 10.667-10.667V64.32c95.04 5.547 170.667 84.608 170.667 181.013 0 99.99-81.366 181.334-181.334 181.334z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-43.259"
        x2="-41.869"
        y1="617.596"
        y2="616.206"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="m73.728 158.571 18.475 10.667a10.542 10.542 0 0 0 5.333 1.429c3.669 0 7.275-1.92 9.237-5.333 2.965-5.099 1.216-11.627-3.904-14.571l-18.475-10.667c-5.077-2.923-11.627-1.173-14.571 3.904-2.943 5.099-1.194 11.627 3.905 14.571z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="-40.148"
        x2="-38.758"
        y1="620.707"
        y2="619.317"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M150.763 102.869c1.963 3.413 5.568 5.333 9.237 5.333 1.813 0 3.648-.469 5.333-1.429 5.099-2.944 6.848-9.472 3.904-14.571L158.57 73.727c-2.944-5.12-9.493-6.869-14.571-3.904-5.099 2.944-6.848 9.451-3.904 14.571l10.668 18.475z"
        fill="url(#d)"
    />
</svg>
More icons in the same style and category