database icon
database-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- database-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 15 15"><path fill="currentColor" fill-rule="evenodd" d="M7.5 0C5.534 0 3.736.227 2.413.605c-.658.188-1.227.42-1.643.701C.372 1.576 0 1.97 0 2.5v9.993c0 .53.372.924.77 1.192c.416.281.985.514 1.643.702c1.323.378 3.121.605 5.087.605s3.764-.227 5.087-.605c.658-.188 1.227-.421 1.643-.702c.398-.268.77-.662.77-1.192V2.5c0-.53-.372-.924-.77-1.193c-.416-.28-.985-.513-1.643-.701C11.264.227 9.466 0 7.5 0M1.262 2.864l.452.214c1.127.534 3.27.92 5.786.92c2.517 0 4.659-.386 5.786-.92l.452-.214l.428.904l-.452.214c-1.323.627-3.638 1.017-6.214 1.017s-4.891-.39-6.214-1.017l-.452-.215zm.452 5.184l-.452-.214l-.428.904l.452.214c1.323.627 3.638 1.017 6.214 1.017s4.891-.39 6.214-1.017l.452-.214l-.428-.904l-.452.214c-1.127.534-3.27.92-5.786.92c-2.517 0-4.659-.386-5.786-.92" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsDatabaseSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fillRule="evenodd" d="M7.5 0C5.534 0 3.736.227 2.413.605c-.658.188-1.227.42-1.643.701C.372 1.576 0 1.97 0 2.5v9.993c0 .53.372.924.77 1.192c.416.281.985.514 1.643.702c1.323.378 3.121.605 5.087.605s3.764-.227 5.087-.605c.658-.188 1.227-.421 1.643-.702c.398-.268.77-.662.77-1.192V2.5c0-.53-.372-.924-.77-1.193c-.416-.28-.985-.513-1.643-.701C11.264.227 9.466 0 7.5 0M1.262 2.864l.452.214c1.127.534 3.27.92 5.786.92c2.517 0 4.659-.386 5.786-.92l.452-.214l.428.904l-.452.214c-1.323.627-3.638 1.017-6.214 1.017s-4.891-.39-6.214-1.017l-.452-.215zm.452 5.184l-.452-.214l-.428.904l.452.214c1.323.627 3.638 1.017 6.214 1.017s4.891-.39 6.214-1.017l.452-.214l-.428-.904l-.452.214c-1.127.534-3.27.92-5.786.92c-2.517 0-4.659-.386-5.786-.92" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M7.5 0C5.534 0 3.736.227 2.413.605c-.658.188-1.227.42-1.643.701C.372 1.576 0 1.97 0 2.5v9.993c0 .53.372.924.77 1.192c.416.281.985.514 1.643.702c1.323.378 3.121.605 5.087.605s3.764-.227 5.087-.605c.658-.188 1.227-.421 1.643-.702c.398-.268.77-.662.77-1.192V2.5c0-.53-.372-.924-.77-1.193c-.416-.28-.985-.513-1.643-.701C11.264.227 9.466 0 7.5 0M1.262 2.864l.452.214c1.127.534 3.27.92 5.786.92c2.517 0 4.659-.386 5.786-.92l.452-.214l.428.904l-.452.214c-1.323.627-3.638 1.017-6.214 1.017s-4.891-.39-6.214-1.017l-.452-.215zm.452 5.184l-.452-.214l-.428.904l.452.214c1.323.627 3.638 1.017 6.214 1.017s4.891-.39 6.214-1.017l.452-.214l-.428-.904l-.452.214c-1.127.534-3.27.92-5.786.92c-2.517 0-4.659-.386-5.786-.92" clip-rule="evenodd"/></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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%200C5.534%200%203.736.227%202.413.605c-.658.188-1.227.42-1.643.701C.372%201.576%200%201.97%200%202.5v9.993c0%20.53.372.924.77%201.192c.416.281.985.514%201.643.702c1.323.378%203.121.605%205.087.605s3.764-.227%205.087-.605c.658-.188%201.227-.421%201.643-.702c.398-.268.77-.662.77-1.192V2.5c0-.53-.372-.924-.77-1.193c-.416-.28-.985-.513-1.643-.701C11.264.227%209.466%200%207.5%200M1.262%202.864l.452.214c1.127.534%203.27.92%205.786.92c2.517%200%204.659-.386%205.786-.92l.452-.214l.428.904l-.452.214c-1.323.627-3.638%201.017-6.214%201.017s-4.891-.39-6.214-1.017l-.452-.215zm.452%205.184l-.452-.214l-.428.904l.452.214c1.323.627%203.638%201.017%206.214%201.017s4.891-.39%206.214-1.017l.452-.214l-.428-.904l-.452.214c-1.127.534-3.27.92-5.786.92c-2.517%200-4.659-.386-5.786-.92%22%20clip-rule%3D%22evenodd%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%200C5.534%200%203.736.227%202.413.605c-.658.188-1.227.42-1.643.701C.372%201.576%200%201.97%200%202.5v9.993c0%20.53.372.924.77%201.192c.416.281.985.514%201.643.702c1.323.378%203.121.605%205.087.605s3.764-.227%205.087-.605c.658-.188%201.227-.421%201.643-.702c.398-.268.77-.662.77-1.192V2.5c0-.53-.372-.924-.77-1.193c-.416-.28-.985-.513-1.643-.701C11.264.227%209.466%200%207.5%200M1.262%202.864l.452.214c1.127.534%203.27.92%205.786.92c2.517%200%204.659-.386%205.786-.92l.452-.214l.428.904l-.452.214c-1.323.627-3.638%201.017-6.214%201.017s-4.891-.39-6.214-1.017l-.452-.215zm.452%205.184l-.452-.214l-.428.904l.452.214c1.323.627%203.638%201.017%206.214%201.017s4.891-.39%206.214-1.017l.452-.214l-.428-.904l-.452.214c-1.127.534-3.27.92-5.786.92c-2.517%200-4.659-.386-5.786-.92%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/database-solid.svg?color=%231a73e8&size=48
