Add icons to this collection by clicking the heart icon.
Cuckoo Clock icon - also known as time, hour, decoration, vintage, retro, pendulum, time and date, and cuckoo clock. Created in a clean lineal style with a white, silver, and blue 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path
d="M139.115 295.696c0-81.19-105.52-63.202-84.324-124.633 11.758-34.079 42.01-41.601 15.674-113.228-10.978-29.857 16.757-74.417 66.961-51.53 53.232 24.268 57.632 82.112 90.403 128.751 78.031 111.051 308.257 44.298 206.816 194.503-54.179 80.225-27.739 155.193-101.806 176.089-15.254 4.304-29.801 6.35-43.547 6.352-93.194.008-150.177-94.011-150.177-216.304"
/>
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M69.81 468.311h373.394V8.333H69.811Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path
d="M1019.464 581.951c-61.757-120.808-223.793 18.096-326.345 30.484-43.218 5.221-54.275-39.699-110.565-39.699-50.476 0-78.438 84.885-9.263 109.018 169.364 59.087 91.095 290.407 169.067 348.67 24.303 18.16 60.036 15.412 86.421.428 64.575-36.672-10.651-127.468 12.019-184.116 50.78-126.887 277.138-72.156 178.666-264.785"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(408.04532 0 0 -408.04532 51.977 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(408.04532 0 0 -408.04532 51.977 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(511.99997 0 0 -511.99997 532 788)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(511.99997 0 0 -511.99997 532 788)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<mask
id="d"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="j"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#d)">
<path
d="M139.115 295.696c0-81.19-105.52-63.202-84.324-124.633 11.758-34.079 42.01-41.601 15.674-113.228-10.978-29.857 16.757-74.417 66.961-51.53 53.232 24.268 57.632 82.112 90.403 128.751 78.031 111.051 308.257 44.298 206.816 194.503-54.179 80.225-27.739 155.193-101.806 176.089-15.254 4.304-29.801 6.35-43.547 6.352-93.194.008-150.177-94.011-150.177-216.304"
fill="url(#e)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#g)" opacity=".1">
<path
d="m0 0-175.57 105.632a14.996 14.996 0 0 1-15.467 0L-366.608 0a7 7 0 0 1-2.39-9.607l8.249-13.71a7 7 0 0 1 9.606-2.389l24.902 14.982v-179.567c0-5.522 4.477-10 10-10h77.196v-13.053c0-5.523 4.477-10 10-10h2.158v-63.8c-6.803-2.127-11.741-8.476-11.741-15.981 0-9.245 7.495-49.073 16.741-49.073 9.246 0 16.742 39.828 16.742 49.073 0 7.505-4.938 13.855-11.742 15.981v63.8h2.159c5.523 0 10 4.477 10 10v13.053h41.833v-13.053c0-5.523 4.477-10 10-10h2.159v-45.8c-6.804-2.126-11.742-8.476-11.742-15.981 0-9.246 7.496-49.073 16.742-49.073s16.741 39.827 16.741 49.073c0 7.505-4.938 13.854-11.741 15.981v45.8h2.158c5.523 0 10 4.477 10 10v13.053h78.216c5.523 0 10 4.478 10 10v179.564l24.896-14.979a7 7 0 0 1 9.607 2.389l8.248 13.71A7 7 0 0 1 0 0"
transform="translate(439.812 360.53)"
fill="#0000cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-14.317c-5.523 0-10 4.477-10 10v16.317H10V10C10 4.477 5.523 0 0 0"
transform="translate(225.084 161.186)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.317c-5.523 0-10 4.477-10 10v16.317H10V10C10 4.477 5.523 0 0 0Z"
transform="translate(225.084 161.186)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-78.282"
transform="translate(217.925 159.234)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 9.246 7.495 16.741 16.741 16.741 9.246 0 16.742-7.495 16.742-16.741 0-9.246-7.496-49.073-16.742-49.073S0-9.246 0 0"
transform="translate(201.184 81.406)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.246 7.495 16.741 16.741 16.741 9.246 0 16.742-7.495 16.742-16.741 0-9.246-7.496-49.073-16.742-49.073S0-9.246 0 0Z"
transform="translate(201.184 81.406)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-14.317c-5.523 0-10 4.477-10 10v16.317H10V10C10 4.477 5.523 0 0 0"
transform="translate(301.234 161.186)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.317c-5.523 0-10 4.477-10 10v16.317H10V10C10 4.477 5.523 0 0 0Z"
transform="translate(301.234 161.186)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.282"
transform="translate(294.075 159.234)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 9.246 7.495 16.741 16.741 16.741 9.246 0 16.742-7.495 16.742-16.741 0-9.246-7.496-49.073-16.742-49.073S0-9.246 0 0"
transform="translate(277.334 99.406)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.246 7.495 16.741 16.741 16.741 9.246 0 16.742-7.495 16.742-16.741 0-9.246-7.496-49.073-16.742-49.073S0-9.246 0 0Z"
transform="translate(277.334 99.406)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-195.32c0-5.523-4.477-10-10-10h-31.47l-13.641 5h-175.873l-13.436-5h-31.46c-5.523 0-10 4.477-10 10V0l142.94 86z"
transform="translate(399.45 389.56)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-230.27h-202.95V-.01l101.48 61.06z"
transform="translate(357.98 414.51)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150.509c0-5.522 4.477-10 10-10h202.323"
transform="translate(113.568 344.747)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34.018c5.523 0 10 4.477 10 10v195.318"
transform="translate(355.429 184.238)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-167.838 100.98L-335.677 0a7 7 0 0 0-9.606 2.389l-8.249 13.71a7 7 0 0 0 2.39 9.607l175.571 105.632a14.996 14.996 0 0 0 15.467 0L15.466 25.706a7 7 0 0 0 2.389-9.607L9.607 2.389A7 7 0 0 0 0 0"
transform="translate(424.346 358.825)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-167.838 100.98L-335.677 0a7 7 0 0 0-9.606 2.389l-8.249 13.71a7 7 0 0 0 2.39 9.607l175.571 105.632a14.996 14.996 0 0 0 15.467 0L15.466 25.706a7 7 0 0 0 2.389-9.607L9.607 2.389A7 7 0 0 0 0 0Z"
transform="translate(424.346 358.825)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-57.262v32.479c0 15.812 12.819 28.631 28.631 28.631C-12.818 61.11 0 48.291 0 32.479Z"
transform="translate(284.63 362.447)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-57.262v32.479c0 15.812 12.819 28.631 28.631 28.631v0C-12.818 61.11 0 48.291 0 32.479Z"
transform="translate(284.63 362.447)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-67.557a5 5 0 0 0-5 5v11.927a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(289.778 346.646)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-35.144 28.49-63.635 63.635-63.635 35.144 0 63.634 28.491 63.634 63.635s-28.49 63.635-63.634 63.635C28.49 63.635 0 35.144 0 0"
transform="translate(192.365 272)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.509 21.49-47.998 47.998-47.998 26.509 0 47.999 21.489 47.999 47.998 0 26.509-21.49 47.998-47.999 47.998C21.49 47.998 0 26.509 0 0"
transform="translate(208.002 272)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v26.462c0 2.612 1.909 4.944 4.508 5.192A5 5 0 0 0 10 26.678V0A5 5 0 0 0 0 0"
transform="translate(251 237.03)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.296 3.296 0 0 0 3.292 3.292A3.296 3.296 0 0 0 6.583 0a3.296 3.296 0 0 0-3.291-3.292A3.296 3.296 0 0 0 0 0m27.391 24.099a5 5 0 0 1-7.071 0L8.464 12.243a13.26 13.26 0 0 1-6.208 1.009C-3.902 12.783-9.58 7.028-9.972.865c-.51-8.008 6.117-14.637 14.124-14.13 6.165.391 11.921 6.068 12.391 12.227a13.257 13.257 0 0 1-1.008 6.21l11.856 11.856a5 5 0 0 1 0 7.071"
transform="translate(252.708 272)"
fill="#0000cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v27.533a5 5 0 0 0 5 5 5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(319.635 342.674)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v12.241a5 5 0 0 0 5 5 5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(337.277 320.377)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v29.785a5 5 0 0 0 5 5 5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(333.339 211.84)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v12.241a5 5 0 0 0 5 5 5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(173.466 218.139)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v37.07a5 5 0 0 0 5 5 5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(192.365 326.497)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.706 7.706 0 0 0-10.899 0 7.706 7.706 0 0 0 0 10.899 7.706 7.706 0 0 0 10.899 0A7.706 7.706 0 0 0 0 0Z"
transform="translate(77.02 276.843)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.947 5.947"
transform="translate(77.02 287.742)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a7.706 7.706 0 0 0-10.899 0 7.706 7.706 0 0 0 0 10.899 7.706 7.706 0 0 0 10.899 0A7.706 7.706 0 0 0 0 0Z"
transform="translate(436.252 435.603)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.947 5.947"
transform="translate(436.252 446.502)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(410.515 158.54)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(141.638 487.305)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(363.682 120.904)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#i)">
<g mask="url(#j)">
<path
d="M1019.464 581.951c-61.757-120.808-223.793 18.096-326.345 30.484-43.218 5.221-54.275-39.699-110.565-39.699-50.476 0-78.438 84.885-9.263 109.018 169.364 59.087 91.095 290.407 169.067 348.67 24.303 18.16 60.036 15.412 86.421.428 64.575-36.672-10.651-127.468 12.019-184.116 50.78-126.887 277.138-72.156 178.666-264.785"
fill="url(#k)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category