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.