The Tabler drop circle icon visually represents a droplet contained within a circular boundary, commonly used to signify water, liquid, or related concepts in user interfaces.
Common uses
- Indicate liquid or fluid content.
- Represent water-related settings or features.
- Symbolize a drop or droplet in a design.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDropCircle } from '@tabler/icons-react';
<IconDropCircle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconDropCircle size={24} stroke={2} />filled
<IconDropCircleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Nature
- Keywords
- waterraindropletoildropcircleroundcircularnaturewater dropliquid circlerain icon
FAQ
- What does the drop circle icon represent?
- It depicts a droplet inside a circle, typically used for water, liquids, or nature-related themes.
- How do I use the drop circle icon in React?
- You can import and use it with: import { IconDropCircle } from '@tabler/icons-react'
- What is the license for the drop circle icon?
- The Tabler icons, including drop circle, are 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 →