database icon
database from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- database
- Set
- Majesticons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
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 IconsdatabaseMaterial Icon ThemedatabaseMaterial SymbolsdatabaseMaterial Symbols LightdatabaseMaterial Design IconsdatabaseMyna UI 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="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23 3.258C7.014 2.465 9.408 2 12 2c2.592 0 4.986.465 6.77 1.258c.89.396 1.674.893 2.247 1.496C21.596 5.362 22 6.122 22 7v1c0 .151-.081.425-.516.799c-.432.371-1.116.75-2.048 1.09C17.581 10.563 14.952 11 12 11s-5.581-.437-7.436-1.111c-.932-.34-1.616-.719-2.048-1.09C2.081 8.425 2 8.15 2 8V7c0-.878.404-1.638.983-2.246c.573-.603 1.356-1.1 2.247-1.496zM2 10.884V13c0 .151.081.425.516.799c.432.371 1.116.75 2.048 1.09C6.419 15.563 9.048 16 12 16s5.581-.437 7.436-1.111c.932-.34 1.616-.719 2.048-1.09c.435-.374.516-.648.516-.799v-2.116a10.37 10.37 0 0 1-1.88.884C17.994 12.541 15.123 13 12 13c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 10.884zm20 5a10.37 10.37 0 0 1-1.88.884C17.994 17.541 15.123 18 12 18c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 15.884V17c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 21.535 9.408 22 12 22c2.592 0 4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-1.116z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsDatabase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fillRule="evenodd" clipRule="evenodd" d="M5.23 3.258C7.014 2.465 9.408 2 12 2c2.592 0 4.986.465 6.77 1.258c.89.396 1.674.893 2.247 1.496C21.596 5.362 22 6.122 22 7v1c0 .151-.081.425-.516.799c-.432.371-1.116.75-2.048 1.09C17.581 10.563 14.952 11 12 11s-5.581-.437-7.436-1.111c-.932-.34-1.616-.719-2.048-1.09C2.081 8.425 2 8.15 2 8V7c0-.878.404-1.638.983-2.246c.573-.603 1.356-1.1 2.247-1.496zM2 10.884V13c0 .151.081.425.516.799c.432.371 1.116.75 2.048 1.09C6.419 15.563 9.048 16 12 16s5.581-.437 7.436-1.111c.932-.34 1.616-.719 2.048-1.09c.435-.374.516-.648.516-.799v-2.116a10.37 10.37 0 0 1-1.88.884C17.994 12.541 15.123 13 12 13c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 10.884zm20 5a10.37 10.37 0 0 1-1.88.884C17.994 17.541 15.123 18 12 18c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 15.884V17c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 21.535 9.408 22 12 22c2.592 0 4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-1.116z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23 3.258C7.014 2.465 9.408 2 12 2c2.592 0 4.986.465 6.77 1.258c.89.396 1.674.893 2.247 1.496C21.596 5.362 22 6.122 22 7v1c0 .151-.081.425-.516.799c-.432.371-1.116.75-2.048 1.09C17.581 10.563 14.952 11 12 11s-5.581-.437-7.436-1.111c-.932-.34-1.616-.719-2.048-1.09C2.081 8.425 2 8.15 2 8V7c0-.878.404-1.638.983-2.246c.573-.603 1.356-1.1 2.247-1.496zM2 10.884V13c0 .151.081.425.516.799c.432.371 1.116.75 2.048 1.09C6.419 15.563 9.048 16 12 16s5.581-.437 7.436-1.111c.932-.34 1.616-.719 2.048-1.09c.435-.374.516-.648.516-.799v-2.116a10.37 10.37 0 0 1-1.88.884C17.994 12.541 15.123 13 12 13c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 10.884zm20 5a10.37 10.37 0 0 1-1.88.884C17.994 17.541 15.123 18 12 18c-3.123 0-5.994-.459-8.12-1.232A10.371 10.371 0 0 1 2 15.884V17c0 .878.404 1.639.983 2.246c.573.603 1.356 1.1 2.247 1.496C7.014 21.535 9.408 22 12 22c2.592 0 4.986-.465 6.77-1.258c.89-.396 1.674-.893 2.247-1.496c.579-.607.983-1.368.983-2.246v-1.116z" fill="currentColor"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.23%203.258C7.014%202.465%209.408%202%2012%202c2.592%200%204.986.465%206.77%201.258c.89.396%201.674.893%202.247%201.496C21.596%205.362%2022%206.122%2022%207v1c0%20.151-.081.425-.516.799c-.432.371-1.116.75-2.048%201.09C17.581%2010.563%2014.952%2011%2012%2011s-5.581-.437-7.436-1.111c-.932-.34-1.616-.719-2.048-1.09C2.081%208.425%202%208.15%202%208V7c0-.878.404-1.638.983-2.246c.573-.603%201.356-1.1%202.247-1.496zM2%2010.884V13c0%20.151.081.425.516.799c.432.371%201.116.75%202.048%201.09C6.419%2015.563%209.048%2016%2012%2016s5.581-.437%207.436-1.111c.932-.34%201.616-.719%202.048-1.09c.435-.374.516-.648.516-.799v-2.116a10.37%2010.37%200%200%201-1.88.884C17.994%2012.541%2015.123%2013%2012%2013c-3.123%200-5.994-.459-8.12-1.232A10.371%2010.371%200%200%201%202%2010.884zm20%205a10.37%2010.37%200%200%201-1.88.884C17.994%2017.541%2015.123%2018%2012%2018c-3.123%200-5.994-.459-8.12-1.232A10.371%2010.371%200%200%201%202%2015.884V17c0%20.878.404%201.639.983%202.246c.573.603%201.356%201.1%202.247%201.496C7.014%2021.535%209.408%2022%2012%2022c2.592%200%204.986-.465%206.77-1.258c.89-.396%201.674-.893%202.247-1.496c.579-.607.983-1.368.983-2.246v-1.116z%22%20fill%3D%22currentColor%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%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.23%203.258C7.014%202.465%209.408%202%2012%202c2.592%200%204.986.465%206.77%201.258c.89.396%201.674.893%202.247%201.496C21.596%205.362%2022%206.122%2022%207v1c0%20.151-.081.425-.516.799c-.432.371-1.116.75-2.048%201.09C17.581%2010.563%2014.952%2011%2012%2011s-5.581-.437-7.436-1.111c-.932-.34-1.616-.719-2.048-1.09C2.081%208.425%202%208.15%202%208V7c0-.878.404-1.638.983-2.246c.573-.603%201.356-1.1%202.247-1.496zM2%2010.884V13c0%20.151.081.425.516.799c.432.371%201.116.75%202.048%201.09C6.419%2015.563%209.048%2016%2012%2016s5.581-.437%207.436-1.111c.932-.34%201.616-.719%202.048-1.09c.435-.374.516-.648.516-.799v-2.116a10.37%2010.37%200%200%201-1.88.884C17.994%2012.541%2015.123%2013%2012%2013c-3.123%200-5.994-.459-8.12-1.232A10.371%2010.371%200%200%201%202%2010.884zm20%205a10.37%2010.37%200%200%201-1.88.884C17.994%2017.541%2015.123%2018%2012%2018c-3.123%200-5.994-.459-8.12-1.232A10.371%2010.371%200%200%201%202%2015.884V17c0%20.878.404%201.639.983%202.246c.573.603%201.356%201.1%202.247%201.496C7.014%2021.535%209.408%2022%2012%2022c2.592%200%204.986-.465%206.77-1.258c.89-.396%201.674-.893%202.247-1.496c.579-.607.983-1.368.983-2.246v-1.116z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/database.svg?color=%231a73e8&size=48
