database icon
database-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- database-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M12 1.25c2.487 0 4.773.402 6.466 1.079c.844.337 1.577.758 2.112 1.264c.536.507.922 1.151.922 1.907v12.987l-.026.013h.026c0 .756-.386 1.4-.922 1.907c-.535.506-1.268.927-2.112 1.264c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886 19.9 2.5 19.256 2.5 18.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506 1.268-.927 2.112-1.264C7.226 1.652 9.513 1.25 12 1.25M4 14.371v4.116l-.013.013H4c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817h.013L20 18.487v-4.116a8 8 0 0 1-1.534.8c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079a8 8 0 0 1-1.534-.8M20 12V7.871a8 8 0 0 1-1.534.8C16.773 9.348 14.487 9.75 12 9.75s-4.774-.402-6.466-1.079A8 8 0 0 1 4 7.871V12c0 .21.104.487.453.817c.35.332.899.666 1.638.961c1.475.59 3.564.972 5.909.972s4.434-.382 5.909-.972c.74-.295 1.287-.629 1.638-.96c.35-.33.453-.607.453-.818M4 5.5c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104 5.013 4 5.29 4 5.5"/></svg>
React
import type { SVGProps } from "react";
export function OcticonDatabase24(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 1.25c2.487 0 4.773.402 6.466 1.079c.844.337 1.577.758 2.112 1.264c.536.507.922 1.151.922 1.907v12.987l-.026.013h.026c0 .756-.386 1.4-.922 1.907c-.535.506-1.268.927-2.112 1.264c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886 19.9 2.5 19.256 2.5 18.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506 1.268-.927 2.112-1.264C7.226 1.652 9.513 1.25 12 1.25M4 14.371v4.116l-.013.013H4c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817h.013L20 18.487v-4.116a8 8 0 0 1-1.534.8c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079a8 8 0 0 1-1.534-.8M20 12V7.871a8 8 0 0 1-1.534.8C16.773 9.348 14.487 9.75 12 9.75s-4.774-.402-6.466-1.079A8 8 0 0 1 4 7.871V12c0 .21.104.487.453.817c.35.332.899.666 1.638.961c1.475.59 3.564.972 5.909.972s4.434-.382 5.909-.972c.74-.295 1.287-.629 1.638-.96c.35-.33.453-.607.453-.818M4 5.5c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104 5.013 4 5.29 4 5.5"/></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 1.25c2.487 0 4.773.402 6.466 1.079c.844.337 1.577.758 2.112 1.264c.536.507.922 1.151.922 1.907v12.987l-.026.013h.026c0 .756-.386 1.4-.922 1.907c-.535.506-1.268.927-2.112 1.264c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886 19.9 2.5 19.256 2.5 18.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506 1.268-.927 2.112-1.264C7.226 1.652 9.513 1.25 12 1.25M4 14.371v4.116l-.013.013H4c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817h.013L20 18.487v-4.116a8 8 0 0 1-1.534.8c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079a8 8 0 0 1-1.534-.8M20 12V7.871a8 8 0 0 1-1.534.8C16.773 9.348 14.487 9.75 12 9.75s-4.774-.402-6.466-1.079A8 8 0 0 1 4 7.871V12c0 .21.104.487.453.817c.35.332.899.666 1.638.961c1.475.59 3.564.972 5.909.972s4.434-.382 5.909-.972c.74-.295 1.287-.629 1.638-.96c.35-.33.453-.607.453-.818M4 5.5c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104 5.013 4 5.29 4 5.5"/></svg> </template>
CSS
.icon-database-24 {
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%201.25c2.487%200%204.773.402%206.466%201.079c.844.337%201.577.758%202.112%201.264c.536.507.922%201.151.922%201.907v12.987l-.026.013h.026c0%20.756-.386%201.4-.922%201.907c-.535.506-1.268.927-2.112%201.264c-1.693.677-3.979%201.079-6.466%201.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886%2019.9%202.5%2019.256%202.5%2018.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506%201.268-.927%202.112-1.264C7.226%201.652%209.513%201.25%2012%201.25M4%2014.371v4.116l-.013.013H4c0%20.211.103.487.453.817c.351.332.898.666%201.638.962c1.475.589%203.564.971%205.909.971s4.434-.381%205.909-.971c.739-.296%201.288-.63%201.638-.962c.349-.33.453-.607.453-.817h.013L20%2018.487v-4.116a8%208%200%200%201-1.534.8c-1.693.677-3.979%201.079-6.466%201.079s-4.774-.402-6.466-1.079a8%208%200%200%201-1.534-.8M20%2012V7.871a8%208%200%200%201-1.534.8C16.773%209.348%2014.487%209.75%2012%209.75s-4.774-.402-6.466-1.079A8%208%200%200%201%204%207.871V12c0%20.21.104.487.453.817c.35.332.899.666%201.638.961c1.475.59%203.564.972%205.909.972s4.434-.382%205.909-.972c.74-.295%201.287-.629%201.638-.96c.35-.33.453-.607.453-.818M4%205.5c0%20.211.103.487.453.817c.351.332.898.666%201.638.962c1.475.589%203.564.971%205.909.971s4.434-.381%205.909-.971c.739-.296%201.288-.63%201.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104%205.013%204%205.29%204%205.5%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%201.25c2.487%200%204.773.402%206.466%201.079c.844.337%201.577.758%202.112%201.264c.536.507.922%201.151.922%201.907v12.987l-.026.013h.026c0%20.756-.386%201.4-.922%201.907c-.535.506-1.268.927-2.112%201.264c-1.693.677-3.979%201.079-6.466%201.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886%2019.9%202.5%2019.256%202.5%2018.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506%201.268-.927%202.112-1.264C7.226%201.652%209.513%201.25%2012%201.25M4%2014.371v4.116l-.013.013H4c0%20.211.103.487.453.817c.351.332.898.666%201.638.962c1.475.589%203.564.971%205.909.971s4.434-.381%205.909-.971c.739-.296%201.288-.63%201.638-.962c.349-.33.453-.607.453-.817h.013L20%2018.487v-4.116a8%208%200%200%201-1.534.8c-1.693.677-3.979%201.079-6.466%201.079s-4.774-.402-6.466-1.079a8%208%200%200%201-1.534-.8M20%2012V7.871a8%208%200%200%201-1.534.8C16.773%209.348%2014.487%209.75%2012%209.75s-4.774-.402-6.466-1.079A8%208%200%200%201%204%207.871V12c0%20.21.104.487.453.817c.35.332.899.666%201.638.961c1.475.59%203.564.972%205.909.972s4.434-.382%205.909-.972c.74-.295%201.287-.629%201.638-.96c.35-.33.453-.607.453-.818M4%205.5c0%20.211.103.487.453.817c.351.332.898.666%201.638.962c1.475.589%203.564.971%205.909.971s4.434-.381%205.909-.971c.739-.296%201.288-.63%201.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104%205.013%204%205.29%204%205.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/database-24.svg?color=%231a73e8&size=48
