database icon
database-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- database-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
databaseBootstrap IconsdatabaseCatppuccin IconsdatabaseFont Awesome 6 SoliddatabaseFeather Iconsdatabase-16-filledFluent UI System Iconsdatabasecss.ggdatabaseHuge IconsdatabaseHumbleiconsdatabaseIconoirdatabaseJam IconsdatabaseLine AwesomedatabaseLucidedatabaseMage IconsdatabaseMajesticonsdatabaseMaterial SymbolsdatabaseMaterial Design IconsdatabaseOcticonsdatabasePhosphordatabasePixelarticonsdatabaseRadix Iconsdatabase-fillRemix Icondatabase-boldSolardatabase-outlineTeenyiconsdatabaseUnicons
Related icons in Tabler Icons
Use the database icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 15.731C4.968 17.238 8.234 18 12 18c3.76 0 7.025-.76 9-2.252V18c0 2.425-3.895 3.936-8.693 3.998L12 22c-4.938 0-9-1.523-9-4z"/><path d="M3 9.731C4.968 11.238 8.234 12 12 12c3.76 0 7.025-.76 9-2.252V12c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795l-.016-.101L3 12z"/><path d="M12 2c1.041 0 2.044.068 2.977.198l.469.071q.84.14 1.586.348l.44.131l.075.024a11 11 0 0 1 .805.3l.199.086q.535.242.967.53q.165.11.313.225a3.8 3.8 0 0 1 .669.668l.091.128q.07.105.129.211l.07.139q.163.35.2.73L21 6c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795A1 1 0 0 1 3 6l.005-.104l.016-.1c.205-2.306 4.01-3.733 8.667-3.794z"/></g></svg>
React
import type { SVGProps } from "react";
export function TablerDatabaseFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 15.731C4.968 17.238 8.234 18 12 18c3.76 0 7.025-.76 9-2.252V18c0 2.425-3.895 3.936-8.693 3.998L12 22c-4.938 0-9-1.523-9-4z"/><path d="M3 9.731C4.968 11.238 8.234 12 12 12c3.76 0 7.025-.76 9-2.252V12c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795l-.016-.101L3 12z"/><path d="M12 2c1.041 0 2.044.068 2.977.198l.469.071q.84.14 1.586.348l.44.131l.075.024a11 11 0 0 1 .805.3l.199.086q.535.242.967.53q.165.11.313.225a3.8 3.8 0 0 1 .669.668l.091.128q.07.105.129.211l.07.139q.163.35.2.73L21 6c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795A1 1 0 0 1 3 6l.005-.104l.016-.1c.205-2.306 4.01-3.733 8.667-3.794z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 15.731C4.968 17.238 8.234 18 12 18c3.76 0 7.025-.76 9-2.252V18c0 2.425-3.895 3.936-8.693 3.998L12 22c-4.938 0-9-1.523-9-4z"/><path d="M3 9.731C4.968 11.238 8.234 12 12 12c3.76 0 7.025-.76 9-2.252V12c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795l-.016-.101L3 12z"/><path d="M12 2c1.041 0 2.044.068 2.977.198l.469.071q.84.14 1.586.348l.44.131l.075.024a11 11 0 0 1 .805.3l.199.086q.535.242.967.53q.165.11.313.225a3.8 3.8 0 0 1 .669.668l.091.128q.07.105.129.211l.07.139q.163.35.2.73L21 6c0 2.477-4.062 4-9 4c-4.798 0-8.77-1.438-8.979-3.795A1 1 0 0 1 3 6l.005-.104l.016-.1c.205-2.306 4.01-3.733 8.667-3.794z"/></g></svg> </template>
CSS
.icon-database-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3%2015.731C4.968%2017.238%208.234%2018%2012%2018c3.76%200%207.025-.76%209-2.252V18c0%202.425-3.895%203.936-8.693%203.998L12%2022c-4.938%200-9-1.523-9-4z%22%2F%3E%3Cpath%20d%3D%22M3%209.731C4.968%2011.238%208.234%2012%2012%2012c3.76%200%207.025-.76%209-2.252V12c0%202.477-4.062%204-9%204c-4.798%200-8.77-1.438-8.979-3.795l-.016-.101L3%2012z%22%2F%3E%3Cpath%20d%3D%22M12%202c1.041%200%202.044.068%202.977.198l.469.071q.84.14%201.586.348l.44.131l.075.024a11%2011%200%200%201%20.805.3l.199.086q.535.242.967.53q.165.11.313.225a3.8%203.8%200%200%201%20.669.668l.091.128q.07.105.129.211l.07.139q.163.35.2.73L21%206c0%202.477-4.062%204-9%204c-4.798%200-8.77-1.438-8.979-3.795A1%201%200%200%201%203%206l.005-.104l.016-.1c.205-2.306%204.01-3.733%208.667-3.794z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3%2015.731C4.968%2017.238%208.234%2018%2012%2018c3.76%200%207.025-.76%209-2.252V18c0%202.425-3.895%203.936-8.693%203.998L12%2022c-4.938%200-9-1.523-9-4z%22%2F%3E%3Cpath%20d%3D%22M3%209.731C4.968%2011.238%208.234%2012%2012%2012c3.76%200%207.025-.76%209-2.252V12c0%202.477-4.062%204-9%204c-4.798%200-8.77-1.438-8.979-3.795l-.016-.101L3%2012z%22%2F%3E%3Cpath%20d%3D%22M12%202c1.041%200%202.044.068%202.977.198l.469.071q.84.14%201.586.348l.44.131l.075.024a11%2011%200%200%201%20.805.3l.199.086q.535.242.967.53q.165.11.313.225a3.8%203.8%200%200%201%20.669.668l.091.128q.07.105.129.211l.07.139q.163.35.2.73L21%206c0%202.477-4.062%204-9%204c-4.798%200-8.77-1.438-8.979-3.795A1%201%200%200%201%203%206l.005-.104l.016-.1c.205-2.306%204.01-3.733%208.667-3.794z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/database-filled.svg?color=%231a73e8&size=48
