database-solid from Flowbite Icons by Themesberg · Solid · General · MIT Free for personal and commercial use.

Name
database-solid
Set
Flowbite Icons
Style
Solid
Category
General
Viewbox
24×24
License
MIT

1 other variant in Flowbite Icons

The same icon in other sets

More general icons from Flowbite Icons

Use the database icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7.205c4.418 0 8-1.165 8-2.602C20 3.165 16.418 2 12 2S4 3.165 4 4.603c0 1.437 3.582 2.602 8 2.602M12 22c4.963 0 8-1.686 8-2.603v-4.404c-.052.032-.112.06-.165.09a8 8 0 0 1-.745.387q-.29.132-.6.253q-.093.037-.189.073a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.073a10 10 0 0 1-.852-.373a8 8 0 0 1-.493-.267c-.053-.03-.113-.058-.165-.09v4.404C4 20.315 7.037 22 12 22m7.09-13.928a10 10 0 0 1-.6.253q-.093.038-.189.074a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.074a10 10 0 0 1-.852-.372a8 8 0 0 1-.493-.268c-.055-.03-.115-.058-.167-.09V12c0 .917 3.037 2.603 8 2.603s8-1.686 8-2.603V7.596c-.052.031-.112.059-.165.09a8 8 0 0 1-.745.386"/></svg>

React

import type { SVGProps } from "react";

export function FlowbiteDatabaseSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7.205c4.418 0 8-1.165 8-2.602C20 3.165 16.418 2 12 2S4 3.165 4 4.603c0 1.437 3.582 2.602 8 2.602M12 22c4.963 0 8-1.686 8-2.603v-4.404c-.052.032-.112.06-.165.09a8 8 0 0 1-.745.387q-.29.132-.6.253q-.093.037-.189.073a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.073a10 10 0 0 1-.852-.373a8 8 0 0 1-.493-.267c-.053-.03-.113-.058-.165-.09v4.404C4 20.315 7.037 22 12 22m7.09-13.928a10 10 0 0 1-.6.253q-.093.038-.189.074a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.074a10 10 0 0 1-.852-.372a8 8 0 0 1-.493-.268c-.055-.03-.115-.058-.167-.09V12c0 .917 3.037 2.603 8 2.603s8-1.686 8-2.603V7.596c-.052.031-.112.059-.165.09a8 8 0 0 1-.745.386"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7.205c4.418 0 8-1.165 8-2.602C20 3.165 16.418 2 12 2S4 3.165 4 4.603c0 1.437 3.582 2.602 8 2.602M12 22c4.963 0 8-1.686 8-2.603v-4.404c-.052.032-.112.06-.165.09a8 8 0 0 1-.745.387q-.29.132-.6.253q-.093.037-.189.073a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.073a10 10 0 0 1-.852-.373a8 8 0 0 1-.493-.267c-.053-.03-.113-.058-.165-.09v4.404C4 20.315 7.037 22 12 22m7.09-13.928a10 10 0 0 1-.6.253q-.093.038-.189.074a19 19 0 0 1-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.074a10 10 0 0 1-.852-.372a8 8 0 0 1-.493-.268c-.055-.03-.115-.058-.167-.09V12c0 .917 3.037 2.603 8 2.603s8-1.686 8-2.603V7.596c-.052.031-.112.059-.165.09a8 8 0 0 1-.745.386"/></svg>
</template>

CSS

.icon-database-solid {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%207.205c4.418%200%208-1.165%208-2.602C20%203.165%2016.418%202%2012%202S4%203.165%204%204.603c0%201.437%203.582%202.602%208%202.602M12%2022c4.963%200%208-1.686%208-2.603v-4.404c-.052.032-.112.06-.165.09a8%208%200%200%201-.745.387q-.29.132-.6.253q-.093.037-.189.073a19%2019%200%200%201-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.073a10%2010%200%200%201-.852-.373a8%208%200%200%201-.493-.267c-.053-.03-.113-.058-.165-.09v4.404C4%2020.315%207.037%2022%2012%2022m7.09-13.928a10%2010%200%200%201-.6.253q-.093.038-.189.074a19%2019%200%200%201-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.074a10%2010%200%200%201-.852-.372a8%208%200%200%201-.493-.268c-.055-.03-.115-.058-.167-.09V12c0%20.917%203.037%202.603%208%202.603s8-1.686%208-2.603V7.596c-.052.031-.112.059-.165.09a8%208%200%200%201-.745.386%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%207.205c4.418%200%208-1.165%208-2.602C20%203.165%2016.418%202%2012%202S4%203.165%204%204.603c0%201.437%203.582%202.602%208%202.602M12%2022c4.963%200%208-1.686%208-2.603v-4.404c-.052.032-.112.06-.165.09a8%208%200%200%201-.745.387q-.29.132-.6.253q-.093.037-.189.073a19%2019%200%200%201-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.073a10%2010%200%200%201-.852-.373a8%208%200%200%201-.493-.267c-.053-.03-.113-.058-.165-.09v4.404C4%2020.315%207.037%2022%2012%2022m7.09-13.928a10%2010%200%200%201-.6.253q-.093.038-.189.074a19%2019%200%200%201-6.3.998c-2.135.027-4.26-.31-6.3-.998l-.189-.074a10%2010%200%200%201-.852-.372a8%208%200%200%201-.493-.268c-.055-.03-.115-.058-.167-.09V12c0%20.917%203.037%202.603%208%202.603s8-1.686%208-2.603V7.596c-.052.031-.112.059-.165.09a8%208%200%200%201-.745.386%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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