The Tabler cloud heart icon, named cloud-heart, visually represents the concept of loving or caring about the weather, often used in UI to signify positive weather conditions or a user's affection for weather-related features.
Common uses
- Displaying a positive weather forecast (e.g., mild, pleasant conditions).
- Indicating a user's favorite weather condition.
- Representing a feature related to weather appreciation or monitoring.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCloudHeart } from '@tabler/icons-react';
<IconCloudHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Weather
- Keywords
- loveaffectioncarepassionemotionfondnessdevotionwarmthkindnessrelationshipweathercloudheartweather lovecaring cloudheart cloud
FAQ
- What does the cloud heart icon symbolize?
- It symbolizes affection or care related to weather, combining the imagery of a cloud and a heart.
- How do I use the cloud heart icon in React?
- You can import and use it directly with: import { IconCloudHeart } from '@tabler/icons-react'.
- What is the license for the cloud heart icon?
- The Tabler icon library, including the cloud 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 →