Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, tool, clock time, watch, Tools and utensils, watches, 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="2.167"
        y2="62.167"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff3b90" />
        <stop offset=".073" stop-color="#fe2eab" />
        <stop offset=".139" stop-color="#fe1bd9" />
        <stop offset=".2" stop-color="#fd10f3" />
        <stop offset=".289" stop-color="#fd0cfa" />
        <stop offset=".514" stop-color="#6e3ff3" />
        <stop offset=".8" stop-color="#3c41ed" />
        <stop offset="1" stop-color="#3a85e9" />
    </linearGradient>
    <linearGradient id="b" x1="32" x2="32" y1="2.167" y2="62.169" href="#a" />
    <linearGradient id="c" x1="51" x2="51" y1="2.167" y2="62.167" href="#a" />
    <linearGradient id="d" x1="13" x2="13" y1="2.167" y2="62.167" href="#a" />
    <linearGradient
        id="e"
        x1="45.435"
        x2="45.435"
        y1="2.167"
        y2="62.169"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="18.565"
        x2="18.565"
        y1="2.167"
        y2="62.169"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="35.042"
        x2="35.042"
        y1="2.167"
        y2="62.169"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M32 2a30 30 0 1 0 30 30A30.034 30.034 0 0 0 32 2zm0 58a28 28 0 1 1 28-28 28.031 28.031 0 0 1-28 28z"
    />
    <path
        fill="url(#b)"
        d="M32 6a26 26 0 1 0 26 26A26.03 26.03 0 0 0 32 6zm0 50a24 24 0 1 1 24-24 24.027 24.027 0 0 1-24 24z"
    />
    <path
        fill="url(#a)"
        d="M32 16a3 3 0 1 0-3-3 3.003 3.003 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1.001 1.001 0 0 1 1-1zM32 48a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1z"
    />
    <path
        fill="url(#c)"
        d="M51 29a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1z"
    />
    <path
        fill="url(#d)"
        d="M13 29a3 3 0 1 0 3 3 3.003 3.003 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1z"
    />
    <path
        fill="url(#e)"
        d="M47.556 20.686a3 3 0 1 0-4.242 0 3.003 3.003 0 0 0 4.242 0zm-2.828-2.828a1 1 0 1 1 0 1.414 1.001 1.001 0 0 1 0-1.414z"
    />
    <path
        fill="url(#f)"
        d="M16.444 43.314a3 3 0 1 0 4.242 0 3.003 3.003 0 0 0-4.242 0zm2.828 2.828a1 1 0 1 1 0-1.414 1.001 1.001 0 0 1 0 1.414z"
    />
    <path
        fill="url(#e)"
        d="M43.314 43.314a3 3 0 1 0 4.242 0 3.003 3.003 0 0 0-4.242 0zm2.828 2.828a1 1 0 1 1 0-1.414 1.001 1.001 0 0 1 0 1.414z"
    />
    <path
        fill="url(#f)"
        d="M16.444 16.444a3 3 0 1 0 4.242 0 3.003 3.003 0 0 0-4.242 0zm2.828 2.828a1 1 0 1 1 0-1.414 1.001 1.001 0 0 1 0 1.414z"
    />
    <path
        fill="url(#g)"
        d="M35.433 34.019A3.955 3.955 0 0 0 36 32a3.996 3.996 0 0 0-3-3.858V19a1 1 0 0 0-2 0v9.142A3.992 3.992 0 0 0 32 36a3.955 3.955 0 0 0 2.02-.567l6.357 6.358a1 1 0 0 0 1.414-1.415zM30 32a2 2 0 1 1 2 2 2.002 2.002 0 0 1-2-2z"
    />
</svg>
More icons in the same style and category