database icon

database from Font Awesome Solid by Dave Gandy · Solid · Computers · CC-BY-4.0 Attribution required.

Name
database
Set
Font Awesome Solid
Style
Solid
Category
Computers
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

All database icons →
database-filledAnt Design IconsdatabaseBootstrap IconsdatabaseCatppuccin IconsdatabaseCodiconsdatabaseEOS IconsdatabaseFont Awesome 6 SoliddatabaseFeather Iconsdatabase-outlineFlowbite Iconsdatabase-16-filledFluent UI System Iconsdatabase-16Fluent UI System Color Iconsdatabasecss.ggdatabaseHealth IconsdatabaseHuge IconsdatabaseHumbleiconsdatabaseIconoirdatabaseJam IconsdatabaseKeyline IconsdatabaseLine AwesomedatabaseLucidedatabaseMage IconsdatabaseMajesticonsdatabaseMaterial Icon ThemedatabaseMaterial SymbolsdatabaseMaterial Symbols Light

More computers icons from Font Awesome Solid

compact-discdesktopethernethddlaptopmemorymouseplugpower-offsatellitesatellite-dishsd-cardserversim-cardtablettablet-alt

Use the database icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 269.8c-14.8 9.8-31.8 17.7-49.5 24c-47 16.8-108.7 26.2-174.5 26.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0 44.2 100.3 80 224 80s224-35.8 224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96 99.8 96 144v48c0 44.2 100.3 80 224 80s224-35.8 224-80m-49.5 261.8C447.6 470.5 385.9 480 320 480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0 44.2 100.3 80 224 80s224-35.8 224-80v-66.2c-14.8 9.8-31.8 17.7-49.5 24"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidDatabase(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 269.8c-14.8 9.8-31.8 17.7-49.5 24c-47 16.8-108.7 26.2-174.5 26.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0 44.2 100.3 80 224 80s224-35.8 224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96 99.8 96 144v48c0 44.2 100.3 80 224 80s224-35.8 224-80m-49.5 261.8C447.6 470.5 385.9 480 320 480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0 44.2 100.3 80 224 80s224-35.8 224-80v-66.2c-14.8 9.8-31.8 17.7-49.5 24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 269.8c-14.8 9.8-31.8 17.7-49.5 24c-47 16.8-108.7 26.2-174.5 26.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0 44.2 100.3 80 224 80s224-35.8 224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96 99.8 96 144v48c0 44.2 100.3 80 224 80s224-35.8 224-80m-49.5 261.8C447.6 470.5 385.9 480 320 480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0 44.2 100.3 80 224 80s224-35.8 224-80v-66.2c-14.8 9.8-31.8 17.7-49.5 24"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20269.8c-14.8%209.8-31.8%2017.7-49.5%2024c-47%2016.8-108.7%2026.2-174.5%2026.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96%2099.8%2096%20144v48c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80m-49.5%20261.8C447.6%20470.5%20385.9%20480%20320%20480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80v-66.2c-14.8%209.8-31.8%2017.7-49.5%2024%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20269.8c-14.8%209.8-31.8%2017.7-49.5%2024c-47%2016.8-108.7%2026.2-174.5%2026.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96%2099.8%2096%20144v48c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80m-49.5%20261.8C447.6%20470.5%20385.9%20480%20320%20480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80v-66.2c-14.8%209.8-31.8%2017.7-49.5%2024%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/database.svg?color=%231a73e8&size=48