database icon
database from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- database
- Set
- Octicons
- Style
- Regular
- Viewbox
- 12×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
database-filledAnt Design IconsdatabaseBootstrap 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 Icons
Use the database icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 15c-3.31 0-6-.9-6-2v-2c0-.17.09-.34.21-.5c.67.86 3 1.5 5.79 1.5s5.12-.64 5.79-1.5c.13.16.21.33.21.5v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V7c0-.11.04-.21.09-.31c.03-.06.07-.13.12-.19C.88 7.36 3.21 8 6 8s5.12-.64 5.79-1.5c.05.06.09.13.12.19c.05.1.09.21.09.31v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V3c0-1.1 2.69-2 6-2s6 .9 6 2v2c0 1.1-2.69 2-6 2zm0-5c-2.21 0-4 .45-4 1s1.79 1 4 1s4-.45 4-1s-1.79-1-4-1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonDatabase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fillRule="evenodd" d="M6 15c-3.31 0-6-.9-6-2v-2c0-.17.09-.34.21-.5c.67.86 3 1.5 5.79 1.5s5.12-.64 5.79-1.5c.13.16.21.33.21.5v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V7c0-.11.04-.21.09-.31c.03-.06.07-.13.12-.19C.88 7.36 3.21 8 6 8s5.12-.64 5.79-1.5c.05.06.09.13.12.19c.05.1.09.21.09.31v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V3c0-1.1 2.69-2 6-2s6 .9 6 2v2c0 1.1-2.69 2-6 2zm0-5c-2.21 0-4 .45-4 1s1.79 1 4 1s4-.45 4-1s-1.79-1-4-1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 15c-3.31 0-6-.9-6-2v-2c0-.17.09-.34.21-.5c.67.86 3 1.5 5.79 1.5s5.12-.64 5.79-1.5c.13.16.21.33.21.5v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V7c0-.11.04-.21.09-.31c.03-.06.07-.13.12-.19C.88 7.36 3.21 8 6 8s5.12-.64 5.79-1.5c.05.06.09.13.12.19c.05.1.09.21.09.31v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V3c0-1.1 2.69-2 6-2s6 .9 6 2v2c0 1.1-2.69 2-6 2zm0-5c-2.21 0-4 .45-4 1s1.79 1 4 1s4-.45 4-1s-1.79-1-4-1z" fill="currentColor"/></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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2015c-3.31%200-6-.9-6-2v-2c0-.17.09-.34.21-.5c.67.86%203%201.5%205.79%201.5s5.12-.64%205.79-1.5c.13.16.21.33.21.5v2c0%201.1-2.69%202-6%202zm0-4c-3.31%200-6-.9-6-2V7c0-.11.04-.21.09-.31c.03-.06.07-.13.12-.19C.88%207.36%203.21%208%206%208s5.12-.64%205.79-1.5c.05.06.09.13.12.19c.05.1.09.21.09.31v2c0%201.1-2.69%202-6%202zm0-4c-3.31%200-6-.9-6-2V3c0-1.1%202.69-2%206-2s6%20.9%206%202v2c0%201.1-2.69%202-6%202zm0-5c-2.21%200-4%20.45-4%201s1.79%201%204%201s4-.45%204-1s-1.79-1-4-1z%22%20fill%3D%22currentColor%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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2015c-3.31%200-6-.9-6-2v-2c0-.17.09-.34.21-.5c.67.86%203%201.5%205.79%201.5s5.12-.64%205.79-1.5c.13.16.21.33.21.5v2c0%201.1-2.69%202-6%202zm0-4c-3.31%200-6-.9-6-2V7c0-.11.04-.21.09-.31c.03-.06.07-.13.12-.19C.88%207.36%203.21%208%206%208s5.12-.64%205.79-1.5c.05.06.09.13.12.19c.05.1.09.21.09.31v2c0%201.1-2.69%202-6%202zm0-4c-3.31%200-6-.9-6-2V3c0-1.1%202.69-2%206-2s6%20.9%206%202v2c0%201.1-2.69%202-6%202zm0-5c-2.21%200-4%20.45-4%201s1.79%201%204%201s4-.45%204-1s-1.79-1-4-1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/database.svg?color=%231a73e8&size=48
