The Tabler clock heart icon visually combines a clock and a heart, commonly used to represent time-sensitive affection, care for schedules, or important timed events related to love or health.
Common uses
- Displaying a countdown to a romantic event.
- Indicating a reminder for a loved one's birthday.
- Representing a feature for tracking heart health over time.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconClockHeart } from '@tabler/icons-react';
<IconClockHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- loveaffectionromancecarepassionadmirationfondnesssentimentemotiondevotionsystemclockhearttime loveheart clockcare timer
FAQ
- What is the clock heart icon used for?
- It's typically used to signify time-related concepts involving love, care, or health, such as reminders, anniversaries, or health tracking.
- How do I use the clock heart icon in React?
- You can import and use it like this: `import { IconClockHeart } from '@tabler/icons-react'`. Then render it as `<IconClockHeart />`.
- What is the license for the Tabler clock heart icon?
- The Tabler icon library, including the clock heart icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →