database icon
database-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- database-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
database-filledAnt Design IconsdatabaseCatppuccin IconsdatabaseCodiconsdatabaseFont Awesome 6 SoliddatabaseFont Awesome SoliddatabaseFeather Iconsdatabase-outlineFlowbite Iconsdatabase-16-filledFluent UI System Iconsdatabase-16Fluent UI System Color Iconsdatabasecss.ggdatabaseHealth IconsdatabaseHuge IconsdatabaseHumbleiconsdatabaseIconoirdatabaseJam IconsdatabaseLine AwesomedatabaseLucidedatabaseMage IconsdatabaseMajesticonsdatabaseMaterial Icon ThemedatabaseMaterial SymbolsdatabaseMaterial Symbols LightdatabaseMaterial Design IconsdatabaseMyna UI Icons
Related icons in Bootstrap Icons
database-adddatabase-checkdatabase-dashdatabase-downdatabase-exclamationdatabase-fill-adddatabase-fill-checkdatabase-fill-dashdatabase-fill-downdatabase-fill-exclamationdatabase-fill-geardatabase-fill-lockdatabase-fill-slashdatabase-fill-updatabase-fill-xdatabase-geardatabase-lockdatabase-slashdatabase-updatabase-x
Use the database icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223"/><path d="M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/></g></svg>
React
import type { SVGProps } from "react";
export function BiDatabaseFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223"/><path d="M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223"/><path d="M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/><path d="M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/></g></svg> </template>
CSS
.icon-database-fill {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.904%201.777C4.978%201.289%206.427%201%208%201s3.022.289%204.096.777C13.125%202.245%2014%202.993%2014%204s-.875%201.755-1.904%202.223C11.022%206.711%209.573%207%208%207s-3.022-.289-4.096-.777C2.875%205.755%202%205.007%202%204s.875-1.755%201.904-2.223%22%2F%3E%3Cpath%20d%3D%22M2%206.161V7c0%201.007.875%201.755%201.904%202.223C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777C13.125%208.755%2014%208.007%2014%207v-.839c-.457.432-1.004.751-1.49.972C11.278%207.693%209.682%208%208%208s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%22%2F%3E%3Cpath%20d%3D%22M2%209.161V10c0%201.007.875%201.755%201.904%202.223C4.978%2012.711%206.427%2013%208%2013s3.022-.289%204.096-.777C13.125%2011.755%2014%2011.007%2014%2010v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%22%2F%3E%3Cpath%20d%3D%22M2%2012.161V13c0%201.007.875%201.755%201.904%202.223C4.978%2015.711%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.904%201.777C4.978%201.289%206.427%201%208%201s3.022.289%204.096.777C13.125%202.245%2014%202.993%2014%204s-.875%201.755-1.904%202.223C11.022%206.711%209.573%207%208%207s-3.022-.289-4.096-.777C2.875%205.755%202%205.007%202%204s.875-1.755%201.904-2.223%22%2F%3E%3Cpath%20d%3D%22M2%206.161V7c0%201.007.875%201.755%201.904%202.223C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777C13.125%208.755%2014%208.007%2014%207v-.839c-.457.432-1.004.751-1.49.972C11.278%207.693%209.682%208%208%208s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%22%2F%3E%3Cpath%20d%3D%22M2%209.161V10c0%201.007.875%201.755%201.904%202.223C4.978%2012.711%206.427%2013%208%2013s3.022-.289%204.096-.777C13.125%2011.755%2014%2011.007%2014%2010v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%22%2F%3E%3Cpath%20d%3D%22M2%2012.161V13c0%201.007.875%201.755%201.904%202.223C4.978%2015.711%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013v-.839c-.457.432-1.004.751-1.49.972c-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/database-fill.svg?color=%231a73e8&size=48
