Skip to content
shadcn.io

Alarm Clock

The alarm-clock icon represents an alarm clock, symbolizing a timer or wake-up call.

Add shadcn.io to your AI agent. · Pro It installs Alarm Clock, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Alarm Clock icon from IconPark TwoTone

Code

Alarm Clock in your framework

In any framework. Customize it above, and the code follows.

export const AlarmClockIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <defs><mask id="SVG1aXMSbnJ"><g fill="none" stroke="#fff" strokeLinejoin="round" strokeWidth="4"><path fill="#555" d="M24 44.333c10.125 0 18.333-8.208 18.333-18.333S34.125 7.667 24 7.667S5.667 15.875 5.667 26S13.875 44.333 24 44.333Z"/><path strokeLinecap="round" d="m23.76 15.354l-.002 11.008l7.773 7.773M4 9l7-5m33 5l-7-5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG1aXMSbnJ)"/>
  </svg>
);

Other libraries

Alarm Clock in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Alarm Clock icon from Arcticons
  • Alarm Clock icon from Huge Icons
  • Alarm Clock icon from Game Icons
  • Alarm Clock icon from Streamline
  • Alarm Clock icon from IconPark Outline
  • Alarm Clock icon from Font Awesome Solid
  • Alarm Clock icon from IconPark Solid
  • Alarm Clock icon from Fluent UI MDL2

IconPark TwoTone

Icons that share its tags, in the same style.

  • Alarm icon from IconPark TwoTone
  • Big Clock icon from IconPark TwoTone
  • Hourglass Full icon from IconPark TwoTone
  • Stopwatch icon from IconPark TwoTone
  • Watch icon from IconPark TwoTone
  • Watch One icon from IconPark TwoTone
  • Hourglass Null icon from IconPark TwoTone
  • Time icon from IconPark TwoTone
  • Timer icon from IconPark TwoTone
  • Clock Tower icon from IconPark TwoTone
  • Foundation Makeup icon from IconPark TwoTone
  • Four Four icon from IconPark TwoTone
  • Schedule icon from IconPark TwoTone
  • Stopwatch Start icon from IconPark TwoTone
  • Appointment icon from IconPark TwoTone
  • Bus icon from IconPark TwoTone
  • Bus One icon from IconPark TwoTone
  • Bus Two icon from IconPark TwoTone
  • Calendar icon from IconPark TwoTone
  • Calendar Dot icon from IconPark TwoTone
  • Calendar Thirty icon from IconPark TwoTone
  • Calendar Thirty Two icon from IconPark TwoTone
  • Calendar Three icon from IconPark TwoTone
  • Coffee Machine icon from IconPark TwoTone

Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark TwoTone icon from a prompt.

Get Pro

Tags

Browse by tag

Alarm Clock is tagged timer, clock, alarm and 2 more. Related tags follow; each opens its icons from every library.

Pricing

IconPark TwoTone MCP, with Pro

Ask for Alarm Clock or any of 1,947 IconPark TwoTone icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Alarm Clock icon means and where it's used, then how to install, style and license it.

Install Alarm Clock from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro