Home/Libraries/Freehand free icons (Iconify)/alert-alarm-clock

Freehand free icons (Iconify)

AlertAlarmClock

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M22.933 1.814a5.44 5.44 0 0 0-2.688-1.72a3.4 3.4 0 0 0-2.249.23a4 4 0 0 0-1.699 1.38a4.7 4.7 0 0 0-.44.66a.9.9 0 0 0-.1.369a.73.73 0 0 0 .44.48q.901.397 1.75.9a.362.362 0 1 0 .39-.61q-.722-.489-1.49-.9c.08-.14.15-.31.19-.37c.348-.456.82-.803 1.36-1a2.32 2.32 0 0 1 1.528-.089a4.35 4.35 0 0 1 2.069 1.44c.518.632.769 1.442.7 2.258q.021.225 0 .45a1.4 1.4 0 0 1-.08.29q-.174-.032-.34-.09a11.3 11.3 0 0 1-2-.78l-.309-.14a.43.43 0 0 0-.5.06c-.21.22-.889 1.11-1.309 1.589c-2.648-2.229-6.386-2.629-9.104-2.229a7 7 0 0 0-3.378 1.55c-.34-.34-.84-.93-1.07-1.1a.43.43 0 0 0-.499 0l-.27.22q-.858.714-1.829 1.269c-.1 0-.23.13-.33.17a2 2 0 0 1-.12-.26a4 4 0 0 1-.12-.44a3.17 3.17 0 0 1 .33-2.358a4.3 4.3 0 0 1 1.8-1.71a2.3 2.3 0 0 1 1.518-.17a3.1 3.1 0 0 1 1.5.7c.06.06.18.27.3.39c-.356.437-.79.803-1.28 1.08a.37.37 0 0 0-.3.42a.38.38 0 0 0 .42.3a5 5 0 0 0 1.539-1.06l.49-.45a.49.49 0 0 0 .15-.43a.9.9 0 0 0-.16-.35a5 5 0 0 0-.54-.58A4.1 4.1 0 0 0 5.284.136a3.47 3.47 0 0 0-2.278.16A5.43 5.43 0 0 0 .657 2.452a4.3 4.3 0 0 0-.37 3.228q.1.364.27.7q.125.263.32.48a1.07 1.07 0 0 0 1.31.13a11.8 11.8 0 0 0 2.208-1.72c.23.2.52.48.77.71a8.6 8.6 0 0 0-2.16 3.618a10.92 10.92 0 0 0 .73 8.255c.242.435.534.841.87 1.209l-.9 2.728c-.08.269-.113.55-.1.83a1 1 0 0 0 .28.58q.171.171.39.28c.15.079.33.139.47.199q.396.18.819.28a.86.86 0 0 0 .52 0c.306-.148.589-.34.84-.57q.48-.471.899-1l.64-.819c1.12.381 2.294.583 3.477.6c1.502.03 2.992-.267 4.367-.87c0 .06.14.15.17.17l.78.71q.505.44 1.06.82c.29.183.606.32.938.41a1 1 0 0 0 .53-.05q.394-.19.75-.44q.266-.152.5-.35q.145-.121.25-.28a1 1 0 0 0 .16-.62a2.2 2.2 0 0 0-.27-.78l-1.18-2.108a.33.33 0 0 0-.43-.13a.32.32 0 0 0-.14.43c.15.36.3.72.44 1.09c.14.369.24.739.36 1.099s.25.41-.3.769c-.36.22-.53.19-1 0a9 9 0 0 1-1.059-.6l-.87-.55a7.24 7.24 0 0 0 3-3.057a.365.365 0 0 0-.65-.33c-1.4 2.678-4.388 3.807-7.346 3.698c-2.958-.11-5.996-1.49-7.245-3.878a9.82 9.82 0 0 1-.6-7.336A6.59 6.59 0 0 1 9.242 5.16c2.498-.46 5.996-.18 8.335 1.83c1.808 1.548 2.938 4.127 2.488 8.134a.33.33 0 0 0 .28.36a.32.32 0 0 0 .36-.28c.57-4.057-.47-6.766-2.179-8.524c.36-.35.87-.91 1.19-1.24c.788.48 1.634.86 2.518 1.13a1.12 1.12 0 0 0 1.239-.36q.158-.248.24-.53q.104-.368.14-.75a4.34 4.34 0 0 0-.92-3.117M7.673 21.232l-.5.49c-.3.269-.65.499-.93.789s-.689.18-1.069 0c-.56-.25-.53-.15-.07-2.599v-.28a9.1 9.1 0 0 0 2.569 1.6"/><path d="M10.291 14.126a1 1 0 0 0 .25.54a.84.84 0 0 0 .58.22q.338-.047.67-.13q.555-.105 1.118-.15l1.17-.09h.92a1.9 1.9 0 0 0 .579-.08h.11a.38.38 0 0 0 .121-.553a.34.34 0 0 0-.141-.107c-.22-.08-.47 0-.52 0l-1-.13c-.489 0-.999-.06-1.438-.06a8 8 0 0 0-1 0a2 2 0 0 0-.24.08c.07-1 .17.47-.19-3.348l-.05-1.12V8.67a.3.3 0 0 0 0-.1a.23.23 0 0 0-.05-.16c0-.06-.53-.24-.6.18c0 .14-.059.54-.069.61l-.12 1.12c0 .569-.09 1.129-.09 1.698q-.03.58 0 1.16c-.02.17-.05.649-.01.949"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AlertAlarmClockIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.