database switch icon
database-switch-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- database-switch-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
database-arrow-down-20-filleddatabase-arrow-right-16-filleddatabase-arrow-up-16-filleddatabase-checkmark-16-filleddatabase-lightning-20-filleddatabase-link-20-filleddatabase-multiple-20-filleddatabase-person-20-filleddatabase-plug-connected-20-filleddatabase-search-20-filleddatabase-settings-16-filleddatabase-stack-16-filleddatabase-warning-20-filleddatabase-window-20-filled
Use the database switch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v9.522a1.75 1.75 0 0 0-1.487.494l-.013.013V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c.787.352 1.793.624 2.937.77c.087.226.221.434.396.609l1 1c-1.894-.054-3.63-.42-4.946-1.01c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m9.28 10.724a.75.75 0 0 1 0 1.06l-1.219 1.22h6.878l-1.22-1.22a.75.75 0 0 1 1.061-1.06l2.5 2.501a.75.75 0 0 1 0 1.061l-2.5 2.498a.75.75 0 0 1-1.06-1.06l1.22-1.22h-6.88l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.499a.75.75 0 0 1 0-1.06l2.5-2.501a.75.75 0 0 1 1.06 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentDatabaseSwitch24Regular(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="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v9.522a1.75 1.75 0 0 0-1.487.494l-.013.013V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c.787.352 1.793.624 2.937.77c.087.226.221.434.396.609l1 1c-1.894-.054-3.63-.42-4.946-1.01c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m9.28 10.724a.75.75 0 0 1 0 1.06l-1.219 1.22h6.878l-1.22-1.22a.75.75 0 0 1 1.061-1.06l2.5 2.501a.75.75 0 0 1 0 1.061l-2.5 2.498a.75.75 0 0 1-1.06-1.06l1.22-1.22h-6.88l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.499a.75.75 0 0 1 0-1.06l2.5-2.501a.75.75 0 0 1 1.06 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v9.522a1.75 1.75 0 0 0-1.487.494l-.013.013V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c.787.352 1.793.624 2.937.77c.087.226.221.434.396.609l1 1c-1.894-.054-3.63-.42-4.946-1.01c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m9.28 10.724a.75.75 0 0 1 0 1.06l-1.219 1.22h6.878l-1.22-1.22a.75.75 0 0 1 1.061-1.06l2.5 2.501a.75.75 0 0 1 0 1.061l-2.5 2.498a.75.75 0 0 1-1.06-1.06l1.22-1.22h-6.88l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.499a.75.75 0 0 1 0-1.06l2.5-2.501a.75.75 0 0 1 1.06 0"/></svg> </template>
CSS
.icon-database-switch-24-regular {
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%22M4%206c0-.69.315-1.293.774-1.78c.455-.482%201.079-.883%201.793-1.202C7.996%202.377%209.917%202%2012%202s4.004.377%205.433%201.018c.714.32%201.338.72%201.793%201.202c.459.487.774%201.09.774%201.78v9.522a1.75%201.75%200%200%200-1.487.494l-.013.013V8.392c-.32.22-.68.417-1.067.59C16.004%209.623%2014.083%2010%2012%2010s-4.004-.377-5.433-1.018a7%207%200%200%201-1.067-.59V18c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c.787.352%201.793.624%202.937.77c.087.226.221.434.396.609l1%201c-1.894-.054-3.63-.42-4.946-1.01c-.714-.32-1.338-.72-1.793-1.203C4.315%2019.293%204%2018.69%204%2018zm1.5%200c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886s3.625-.35%204.82-.886c.598-.268%201.036-.568%201.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m9.28%2010.724a.75.75%200%200%201%200%201.06l-1.219%201.22h6.878l-1.22-1.22a.75.75%200%200%201%201.061-1.06l2.5%202.501a.75.75%200%200%201%200%201.061l-2.5%202.498a.75.75%200%200%201-1.06-1.06l1.22-1.22h-6.88l1.22%201.22a.75.75%200%201%201-1.06%201.06l-2.5-2.499a.75.75%200%200%201%200-1.06l2.5-2.501a.75.75%200%200%201%201.06%200%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%22M4%206c0-.69.315-1.293.774-1.78c.455-.482%201.079-.883%201.793-1.202C7.996%202.377%209.917%202%2012%202s4.004.377%205.433%201.018c.714.32%201.338.72%201.793%201.202c.459.487.774%201.09.774%201.78v9.522a1.75%201.75%200%200%200-1.487.494l-.013.013V8.392c-.32.22-.68.417-1.067.59C16.004%209.623%2014.083%2010%2012%2010s-4.004-.377-5.433-1.018a7%207%200%200%201-1.067-.59V18c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c.787.352%201.793.624%202.937.77c.087.226.221.434.396.609l1%201c-1.894-.054-3.63-.42-4.946-1.01c-.714-.32-1.338-.72-1.793-1.203C4.315%2019.293%204%2018.69%204%2018zm1.5%200c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886s3.625-.35%204.82-.886c.598-.268%201.036-.568%201.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m9.28%2010.724a.75.75%200%200%201%200%201.06l-1.219%201.22h6.878l-1.22-1.22a.75.75%200%200%201%201.061-1.06l2.5%202.501a.75.75%200%200%201%200%201.061l-2.5%202.498a.75.75%200%200%201-1.06-1.06l1.22-1.22h-6.88l1.22%201.22a.75.75%200%201%201-1.06%201.06l-2.5-2.499a.75.75%200%200%201%200-1.06l2.5-2.501a.75.75%200%200%201%201.06%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/database-switch-24-regular.svg?color=%231a73e8&size=48
