будильник время таймер

<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#ffce69;}.cls-2{fill:#2eb1b7;}.cls-3{fill:#5dc6d1;}.cls-4{fill:#6c2e7c;}</style> </defs> <g id="Icons"> <path class="cls-1" d="M2.72,9.28A4,4,0,1,1,8.28,3.72Z"/> <path class="cls-1" d="M21.28,9.28a4,4,0,1,0-5.56-5.56Z"/> <path class="cls-2" d="M22,13A10,10,0,0,1,2,13a9.846,9.846,0,0,1,.32-2.5,10,10,0,0,1,19.36,0A9.846,9.846,0,0,1,22,13Z"/> <ellipse class="cls-3" cx="12" cy="10.5" rx="9.68" ry="7.5"/> </g> <g data-name="Layer 4" id="Layer_4"> <path class="cls-4" d="M19,1a4.982,4.982,0,0,0-3.6,1.545A10.873,10.873,0,0,0,13,2.051V1a1,1,0,0,0-2,0V2.051a10.873,10.873,0,0,0-2.4.494A4.988,4.988,0,1,0,1.545,9.6a11,11,0,1,0,20.91,0A4.988,4.988,0,0,0,19,1ZM2,6A2.971,2.971,0,0,1,6.553,3.456a11.062,11.062,0,0,0-4.1,4.1A2.974,2.974,0,0,1,2,6ZM12,22a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,22ZM17.447,3.456a2.971,2.971,0,0,1,4.1,4.1A11.062,11.062,0,0,0,17.447,3.456Z"/> <path class="cls-4" d="M12,6a1,1,0,0,0-1,1v5.586L8.293,15.293a1,1,0,1,0,1.414,1.414l3-3A1,1,0,0,0,13,13V7A1,1,0,0,0,12,6Z"/> </g> </svg>