database off icon

database-off from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: database-off
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: database-off-sharp

3 other variants in Material Symbols Light

database-off-outline database-off-outline-rounded database-off-rounded

The same icon in other sets

database-offMaterial Symbols database-offMaterial Design Icons database-offTabler Icons

More business icons from Material Symbols Light

Use the database off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 17v-2.942q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q1.089 0 2.232-.155t2.19-.482l2.076 2.077q-1.28.746-3.029 1.124T12 20m7.967-2.858l-1.557-1.557q.54-.31.96-.697t.65-.83v2.423q0 .178-.012.336t-.04.325M12 15.52q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 12.52V9.558q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.127 0 .259-.003t.282-.014l2.655 2.655q-.794.162-1.606.243t-1.59.08m5.364-.98l-2.277-2.278q1.694-.328 3.044-1.015t1.888-1.688v2.961q-.327.646-1.028 1.143q-.7.497-1.627.876m-6.37-3.544Q8.017 10.82 6.01 9.84Q4 8.858 4 7.519q0-.573.39-1.084q.389-.51 1.093-.952zm2.775-.05L7.471 4.646q.971-.298 2.122-.462t2.426-.165q3.347 0 5.673 1.021t2.327 2.48q0 1.257-1.774 2.203t-4.476 1.221m5.602 9.848L3.208 4.63l.708-.713l16.169 16.169z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDatabaseOff(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 20q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 17v-2.942q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q1.089 0 2.232-.155t2.19-.482l2.076 2.077q-1.28.746-3.029 1.124T12 20m7.967-2.858l-1.557-1.557q.54-.31.96-.697t.65-.83v2.423q0 .178-.012.336t-.04.325M12 15.52q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 12.52V9.558q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.127 0 .259-.003t.282-.014l2.655 2.655q-.794.162-1.606.243t-1.59.08m5.364-.98l-2.277-2.278q1.694-.328 3.044-1.015t1.888-1.688v2.961q-.327.646-1.028 1.143q-.7.497-1.627.876m-6.37-3.544Q8.017 10.82 6.01 9.84Q4 8.858 4 7.519q0-.573.39-1.084q.389-.51 1.093-.952zm2.775-.05L7.471 4.646q.971-.298 2.122-.462t2.426-.165q3.347 0 5.673 1.021t2.327 2.48q0 1.257-1.774 2.203t-4.476 1.221m5.602 9.848L3.208 4.63l.708-.713l16.169 16.169z"/></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 20q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 17v-2.942q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q1.089 0 2.232-.155t2.19-.482l2.076 2.077q-1.28.746-3.029 1.124T12 20m7.967-2.858l-1.557-1.557q.54-.31.96-.697t.65-.83v2.423q0 .178-.012.336t-.04.325M12 15.52q-1.217 0-2.476-.193t-2.357-.572t-1.94-.94T4 12.52V9.558q.385.734 1.227 1.295t1.94.94t2.357.572t2.476.193q.127 0 .259-.003t.282-.014l2.655 2.655q-.794.162-1.606.243t-1.59.08m5.364-.98l-2.277-2.278q1.694-.328 3.044-1.015t1.888-1.688v2.961q-.327.646-1.028 1.143q-.7.497-1.627.876m-6.37-3.544Q8.017 10.82 6.01 9.84Q4 8.858 4 7.519q0-.573.39-1.084q.389-.51 1.093-.952zm2.775-.05L7.471 4.646q.971-.298 2.122-.462t2.426-.165q3.347 0 5.673 1.021t2.327 2.48q0 1.257-1.774 2.203t-4.476 1.221m5.602 9.848L3.208 4.63l.708-.713l16.169 16.169z"/></svg>
</template>

CSS

.icon-database-off {
  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%2020q-1.217%200-2.476-.193t-2.357-.572t-1.94-.94T4%2017v-2.942q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q1.089%200%202.232-.155t2.19-.482l2.076%202.077q-1.28.746-3.029%201.124T12%2020m7.967-2.858l-1.557-1.557q.54-.31.96-.697t.65-.83v2.423q0%20.178-.012.336t-.04.325M12%2015.52q-1.217%200-2.476-.193t-2.357-.572t-1.94-.94T4%2012.52V9.558q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q.127%200%20.259-.003t.282-.014l2.655%202.655q-.794.162-1.606.243t-1.59.08m5.364-.98l-2.277-2.278q1.694-.328%203.044-1.015t1.888-1.688v2.961q-.327.646-1.028%201.143q-.7.497-1.627.876m-6.37-3.544Q8.017%2010.82%206.01%209.84Q4%208.858%204%207.519q0-.573.39-1.084q.389-.51%201.093-.952zm2.775-.05L7.471%204.646q.971-.298%202.122-.462t2.426-.165q3.347%200%205.673%201.021t2.327%202.48q0%201.257-1.774%202.203t-4.476%201.221m5.602%209.848L3.208%204.63l.708-.713l16.169%2016.169z%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%2020q-1.217%200-2.476-.193t-2.357-.572t-1.94-.94T4%2017v-2.942q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q1.089%200%202.232-.155t2.19-.482l2.076%202.077q-1.28.746-3.029%201.124T12%2020m7.967-2.858l-1.557-1.557q.54-.31.96-.697t.65-.83v2.423q0%20.178-.012.336t-.04.325M12%2015.52q-1.217%200-2.476-.193t-2.357-.572t-1.94-.94T4%2012.52V9.558q.385.734%201.227%201.295t1.94.94t2.357.572t2.476.193q.127%200%20.259-.003t.282-.014l2.655%202.655q-.794.162-1.606.243t-1.59.08m5.364-.98l-2.277-2.278q1.694-.328%203.044-1.015t1.888-1.688v2.961q-.327.646-1.028%201.143q-.7.497-1.627.876m-6.37-3.544Q8.017%2010.82%206.01%209.84Q4%208.858%204%207.519q0-.573.39-1.084q.389-.51%201.093-.952zm2.775-.05L7.471%204.646q.971-.298%202.122-.462t2.426-.165q3.347%200%205.673%201.021t2.327%202.48q0%201.257-1.774%202.203t-4.476%201.221m5.602%209.848L3.208%204.63l.708-.713l16.169%2016.169z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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