database icon
database from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- database
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
databaseCatppuccin IconsdatabaseFont Awesome 6 SoliddatabaseFeather Iconsdatabase-16-filledFluent UI System Iconsdatabasecss.ggdatabaseHuge IconsdatabaseHumbleiconsdatabaseIconoirdatabaseJam IconsdatabaseLine AwesomedatabaseLucidedatabaseMage IconsdatabaseMajesticonsdatabaseMaterial SymbolsdatabaseMaterial Design IconsdatabaseOcticonsdatabasePhosphordatabasePixelarticonsdatabaseRadix Iconsdatabase-fillRemix Icondatabase-boldSolardatabaseTabler Iconsdatabase-outlineTeenyiconsdatabaseUnicons
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"><path fill="currentColor" d="M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525"/></svg>
React
import type { SVGProps } from "react";
export function BiDatabase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525"/></svg> </template>
CSS
.icon-database {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.318%202.687C5.234%202.271%206.536%202%208%202s2.766.27%203.682.687C12.644%203.125%2013%203.627%2013%204c0%20.374-.356.875-1.318%201.313C10.766%205.729%209.464%206%208%206s-2.766-.27-3.682-.687C3.356%204.875%203%204.373%203%204c0-.374.356-.875%201.318-1.313M13%205.698V7c0%20.374-.356.875-1.318%201.313C10.766%208.729%209.464%209%208%209s-2.766-.27-3.682-.687C3.356%207.875%203%207.373%203%207V5.698c.271.202.58.378.904.525C4.978%206.711%206.427%207%208%207s3.022-.289%204.096-.777A5%205%200%200%200%2013%205.698M14%204c0-1.007-.875-1.755-1.904-2.223C11.022%201.289%209.573%201%208%201s-3.022.289-4.096.777C2.875%202.245%202%202.993%202%204v9c0%201.007.875%201.755%201.904%202.223C4.978%2015.71%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013zm-1%204.698V10c0%20.374-.356.875-1.318%201.313C10.766%2011.729%209.464%2012%208%2012s-2.766-.27-3.682-.687C3.356%2010.875%203%2010.373%203%2010V8.698c.271.202.58.378.904.525C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777A5%205%200%200%200%2013%208.698m0%203V13c0%20.374-.356.875-1.318%201.313C10.766%2014.729%209.464%2015%208%2015s-2.766-.27-3.682-.687C3.356%2013.875%203%2013.373%203%2013v-1.302c.271.202.58.378.904.525C4.978%2012.71%206.427%2013%208%2013s3.022-.289%204.096-.777c.324-.147.633-.323.904-.525%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.318%202.687C5.234%202.271%206.536%202%208%202s2.766.27%203.682.687C12.644%203.125%2013%203.627%2013%204c0%20.374-.356.875-1.318%201.313C10.766%205.729%209.464%206%208%206s-2.766-.27-3.682-.687C3.356%204.875%203%204.373%203%204c0-.374.356-.875%201.318-1.313M13%205.698V7c0%20.374-.356.875-1.318%201.313C10.766%208.729%209.464%209%208%209s-2.766-.27-3.682-.687C3.356%207.875%203%207.373%203%207V5.698c.271.202.58.378.904.525C4.978%206.711%206.427%207%208%207s3.022-.289%204.096-.777A5%205%200%200%200%2013%205.698M14%204c0-1.007-.875-1.755-1.904-2.223C11.022%201.289%209.573%201%208%201s-3.022.289-4.096.777C2.875%202.245%202%202.993%202%204v9c0%201.007.875%201.755%201.904%202.223C4.978%2015.71%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013zm-1%204.698V10c0%20.374-.356.875-1.318%201.313C10.766%2011.729%209.464%2012%208%2012s-2.766-.27-3.682-.687C3.356%2010.875%203%2010.373%203%2010V8.698c.271.202.58.378.904.525C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777A5%205%200%200%200%2013%208.698m0%203V13c0%20.374-.356.875-1.318%201.313C10.766%2014.729%209.464%2015%208%2015s-2.766-.27-3.682-.687C3.356%2013.875%203%2013.373%203%2013v-1.302c.271.202.58.378.904.525C4.978%2012.71%206.427%2013%208%2013s3.022-.289%204.096-.777c.324-.147.633-.323.904-.525%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/database.svg?color=%231a73e8&size=48
