Skip to content
shadcn.io

Routine icons for React.

113 free routine icons from 28 libraries, Material Symbols, Arcticons and Google Material Icons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Get ProAll tags

Add shadcn.io to your AI agent. · Pro It finds and installs the routine icon you describe, from any library, with Pro.

Set up MCP

99 icons · every library

  • Bedtime icon from Material Symbols
  • Bedtime Off icon from Material Symbols
  • Routine icon from Material Symbols
  • Drink Coffee 24 Filled icon from Fluent UI System Icons
  • Bixby Routines icon from Arcticons
  • Everyday Tasks icon from Arcticons
  • Fun Habit icon from Arcticons
  • Habit Builder icon from Arcticons
  • Habitify icon from Arcticons
  • Habitmaker icon from Arcticons
  • Habitnow icon from Arcticons
  • Habits icon from Arcticons
  • Habit Tracker icon from Arcticons
  • Habo icon from Arcticons
  • I Cant Wake Up icon from Arcticons
  • Me Lifestyle Routine icon from Arcticons
  • Routinery icon from Arcticons
  • Sleep Time icon from Arcticons
  • Table Habit icon from Arcticons
  • 1 Second Everyday icon from Arcticons
  • 30 Day Fitness Challenge icon from Arcticons
  • Baseline Bedtime icon from Google Material Icons
  • Baseline Bedtime Off icon from Google Material Icons
  • Outline Bedtime icon from Google Material Icons
  • Outline Bedtime Off icon from Google Material Icons
  • Round Bedtime icon from Google Material Icons
  • Round Bedtime Off icon from Google Material Icons
  • Sharp Bedtime icon from Google Material Icons
  • Sharp Bedtime Off icon from Google Material Icons
  • Twotone Bedtime icon from Google Material Icons
  • Twotone Bedtime Off icon from Google Material Icons
  • Task Daily 01 icon from Huge Icons
  • Task Daily 02 icon from Huge Icons
  • Alarm Clock icon from OpenMoji
  • Five Oclock icon from OpenMoji
  • Five Thirty icon from OpenMoji
  • Four Oclock icon from OpenMoji
  • Four Thirty icon from OpenMoji
  • French Press icon from OpenMoji
  • Ten Oclock icon from OpenMoji
  • Ten Thirty icon from OpenMoji
  • Eight Oclock icon from Twitter Emoji
  • Eight Thirty icon from Twitter Emoji
  • Eleven Oclock icon from Twitter Emoji
  • Eleven Thirty icon from Twitter Emoji
  • Five Oclock icon from Noto Emoji
  • Five Thirty icon from Noto Emoji
  • Six Thirty icon from Noto Emoji
  • Five Oclock icon from Fluent Emoji Flat
  • Five Thirty icon from Fluent Emoji Flat
  • Man Rowing Boat Medium icon from Fluent Emoji Flat
  • Ai Results Medium icon from Carbon
  • Ten Oclock icon from Noto Emoji (v1)
  • Ten Thirty icon from Noto Emoji (v1)
  • Three Oclock icon from Noto Emoji (v1)
  • Three Thirty icon from Noto Emoji (v1)
  • Twelve Oclock icon from Noto Emoji (v1)
  • Twelve Thirty icon from Noto Emoji (v1)
  • Two Oclock icon from Noto Emoji (v1)
  • Two Thirty icon from Noto Emoji (v1)
  • Time Daily 1 icon from Ultimate free icons
  • Time Daily 1 Bold icon from Ultimate free icons
  • Coffee Machine icon from IconPark Solid
  • Facial Cleanser icon from IconPark Solid
  • Alarm Clock icon from IconPark TwoTone
  • Foundation Makeup icon from IconPark TwoTone
  • Seven Oclock icon from Emoji One (Colored)
  • Seven Thirty icon from Emoji One (Colored)
  • Twelve Thirty icon from Fluent Emoji High Contrast
  • Two Oclock icon from Fluent Emoji High Contrast
  • Two Thirty icon from Fluent Emoji High Contrast
  • Earlybirds icon from Line Awesome
  • Five Oclock icon from Emoji One (Monotone)
  • Five Thirty icon from Emoji One (Monotone)
  • Four Thirty icon from Emoji One (Monotone)
  • Ten Oclock icon from Emoji One (Monotone)
  • Ten Thirty icon from Emoji One (Monotone)
  • Three Oclock icon from Emoji One (Monotone)
  • Three Thirty icon from Emoji One (Monotone)
  • Eight Oclock icon from Emoji One (v1)
  • Eight Thirty icon from Emoji One (v1)
  • Eleven Oclock icon from Emoji One (v1)
  • Eleven Thirty icon from Emoji One (v1)
  • Five Oclock icon from Emoji One (v1)
  • Five Thirty icon from Emoji One (v1)
  • Seven Oclock icon from Emoji One (v1)
  • Coffee Cup 2 icon from Lineicons
  • Alarm Clock icon from SmartIcons Glyph
  • Coffee icon from Grommet Icons
  • List Low Priority icon from CoreUI Free
  • Coffee icon from PrestaShop Icons
  • Coffee Hot icon from PrestaShop Icons
  • Time Late Morning icon from Meteocons
  • Time Late Night icon from Meteocons
  • Time Morning icon from Meteocons
  • Time Night icon from Meteocons
  • Coffee icon from Dashicons
  • Coffee icon from Meteor Icons
  • Week icon from FormKit Icons
All 99 shown
  • 99 designs, one style each
  • From 28 libraries
  • 47% under permissive licenses
  • 113 icons in every style

Libraries

Routine icons in each library

How each set draws routine: five oclock, five thirty, coffee and ten oclock and more. Open one to see only its icons.

20 more libraries

Skip the browsing. With Pro, your AI agent finds the routine icon you describe in any library and installs it.

Get Pro

Tags

Related tags

Tags the same icons carry, closest to routine first.

All tags

Pricing

Routine icons MCP, with Pro

Your agent finds the routine icon you describe in any of 28 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

See full pricing

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

About routine icons: how many there are, which libraries draw them, and how to use and license them.

Install any routine icon from a prompt

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

Get Pro