Add icons to this collection by clicking the heart icon.
8 Hours icon - also known as clock, time and date, and working time. 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"
        x2="62"
        y1="29"
        y2="29"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8cdd79" />
        <stop offset="1" stop-color="#d4e6b6" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="17"
        x2="33"
        y1="26.66"
        y2="26.66"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#da5466" />
        <stop offset="1" stop-color="#f4929c" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#474f72" />
        <stop offset="1" stop-color="#878c9f" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(45 33.006 28.995)"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(90 33 29)"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(135 33.003 29)"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(180 33 29)"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(-135 33.002 29.003)"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="53"
        x2="55"
        y1="29"
        y2="29"
        gradientTransform="rotate(-45 33 29.008)"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="40"
        x2="64"
        y1="52"
        y2="52"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e9a254" />
        <stop offset="1" stop-color="#f4bb79" />
    </linearGradient>
    <g>
        <circle cx="33" cy="29" r="27" fill="#d7f1ff" />
        <path
            fill="url(#b)"
            d="M34.93.06C16.87-1.11 3.07 14.15 4 30H0l6 9c3.42-5.12 2.06-3.08 6-9H8a25 25 0 1 1 7.53 16.9 2 2 0 0 0-3 .35 2 2 0 0 0 .28 2.56A29 29 0 1 0 34.93.06z"
        />
        <circle cx="33" cy="29" r="16" fill="#ffabb7" />
        <path fill="url(#c)" d="M33 13v16L21.68 40.32A16 16 0 0 1 33 13z" />
        <path
            fill="#42455e"
            d="M33 32a1 1 0 0 1-1-1V10a1 1 0 0 1 2 0v21a1 1 0 0 1-1 1z"
        />
        <path
            fill="#42455e"
            d="M35.12 26.88a1 1 0 0 1 0 1.41L21.77 41.64a1 1 0 1 1-1.41-1.41l13.35-13.35a1 1 0 0 1 1.41 0z"
        />
        <circle cx="54" cy="29" r="1" fill="url(#a)" />
        <circle cx="47.85" cy="43.85" r="1" fill="url(#d)" />
        <circle cx="33" cy="50" r="1" fill="url(#e)" />
        <circle cx="18.15" cy="43.85" r="1" fill="url(#f)" />
        <circle cx="12" cy="29" r="1" fill="url(#g)" />
        <circle cx="18.15" cy="14.15" r="1" fill="url(#h)" />
        <circle cx="47.85" cy="14.15" r="1" fill="url(#i)" />
        <circle cx="52" cy="52" r="12" fill="url(#j)" />
        <circle cx="52" cy="52" r="9" fill="#dd8b37" />
        <path
            fill="#fff"
            d="M54.62 52a4 4 0 1 0-5.24 0 4 4 0 1 0 5.24 0zM50 49a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm2 8a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
        />
    </g>
</svg>
More icons in the same style and category