The Tabler database icon depicts a cylinder, commonly used in UIs to represent data storage, backend systems, or database connections.
Common uses
- Backend service indicator
- Data management section link
- Database connection status
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDatabase } from '@tabler/icons-react';
<IconDatabase size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconDatabase size={24} stroke={2} />filled
<IconDatabaseFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Database
- Keywords
- storagedatamemorydatabaserepositoryrecordsinformationtablecontentrecord
FAQ
- What does the database icon represent?
- It visually represents a database, symbolizing data storage, information repositories, or backend systems.
- How do I use this icon in React?
- Import it using `import { IconDatabase } from '@tabler/icons-react'` and use it as a component: `<IconDatabase />`.
- What is the license for this icon?
- The Tabler icons, including the database icon, are distributed 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 →