database locked icon
database-locked from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- database-locked
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the database locked icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M10.999 8c4.418 0 8-1.344 8-3c0-1.658-3.582-3-8-3s-8 1.342-8 3c0 1.656 3.581 3 8 3Z"/><path stroke-linecap="round" d="M5.999 10.841c.601.18 1.274.33 2 .44m3 3.719c-4.419 0-8-1.344-8-3m3 5.841c.601.18 1.274.33 2 .44"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.999 22c-4.419 0-8-1.344-8-3V5m16 0v5.5"/><path stroke-linecap="round" d="M15.742 16.378c0-.06.009-.825.01-1.26c.001-.397-.034-.78.156-1.13c.71-1.412 2.75-1.269 3.254.17c.088.238.093.613.09.96c-.003.444.006 1.26.006 1.26m-3.516 0c-1.08 0-1.523.78-1.643 1.26s-.12 2.218-.048 2.938c.24.9.84 1.271 1.427 1.391c.54.048 2.82.03 3.48.03c.96.018 1.68-.341 1.98-1.421c.06-.36.12-2.339-.03-2.939c-.319-.96-1.05-1.26-1.65-1.26m-3.516 0h3.516"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsDatabaseLocked(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M10.999 8c4.418 0 8-1.344 8-3c0-1.658-3.582-3-8-3s-8 1.342-8 3c0 1.656 3.581 3 8 3Z"/><path strokeLinecap="round" d="M5.999 10.841c.601.18 1.274.33 2 .44m3 3.719c-4.419 0-8-1.344-8-3m3 5.841c.601.18 1.274.33 2 .44"/><path strokeLinecap="round" strokeLinejoin="round" d="M10.999 22c-4.419 0-8-1.344-8-3V5m16 0v5.5"/><path strokeLinecap="round" d="M15.742 16.378c0-.06.009-.825.01-1.26c.001-.397-.034-.78.156-1.13c.71-1.412 2.75-1.269 3.254.17c.088.238.093.613.09.96c-.003.444.006 1.26.006 1.26m-3.516 0c-1.08 0-1.523.78-1.643 1.26s-.12 2.218-.048 2.938c.24.9.84 1.271 1.427 1.391c.54.048 2.82.03 3.48.03c.96.018 1.68-.341 1.98-1.421c.06-.36.12-2.339-.03-2.939c-.319-.96-1.05-1.26-1.65-1.26m-3.516 0h3.516"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M10.999 8c4.418 0 8-1.344 8-3c0-1.658-3.582-3-8-3s-8 1.342-8 3c0 1.656 3.581 3 8 3Z"/><path stroke-linecap="round" d="M5.999 10.841c.601.18 1.274.33 2 .44m3 3.719c-4.419 0-8-1.344-8-3m3 5.841c.601.18 1.274.33 2 .44"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.999 22c-4.419 0-8-1.344-8-3V5m16 0v5.5"/><path stroke-linecap="round" d="M15.742 16.378c0-.06.009-.825.01-1.26c.001-.397-.034-.78.156-1.13c.71-1.412 2.75-1.269 3.254.17c.088.238.093.613.09.96c-.003.444.006 1.26.006 1.26m-3.516 0c-1.08 0-1.523.78-1.643 1.26s-.12 2.218-.048 2.938c.24.9.84 1.271 1.427 1.391c.54.048 2.82.03 3.48.03c.96.018 1.68-.341 1.98-1.421c.06-.36.12-2.339-.03-2.939c-.319-.96-1.05-1.26-1.65-1.26m-3.516 0h3.516"/></g></svg> </template>
CSS
.icon-database-locked {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.999%208c4.418%200%208-1.344%208-3c0-1.658-3.582-3-8-3s-8%201.342-8%203c0%201.656%203.581%203%208%203Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.999%2010.841c.601.18%201.274.33%202%20.44m3%203.719c-4.419%200-8-1.344-8-3m3%205.841c.601.18%201.274.33%202%20.44%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.999%2022c-4.419%200-8-1.344-8-3V5m16%200v5.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15.742%2016.378c0-.06.009-.825.01-1.26c.001-.397-.034-.78.156-1.13c.71-1.412%202.75-1.269%203.254.17c.088.238.093.613.09.96c-.003.444.006%201.26.006%201.26m-3.516%200c-1.08%200-1.523.78-1.643%201.26s-.12%202.218-.048%202.938c.24.9.84%201.271%201.427%201.391c.54.048%202.82.03%203.48.03c.96.018%201.68-.341%201.98-1.421c.06-.36.12-2.339-.03-2.939c-.319-.96-1.05-1.26-1.65-1.26m-3.516%200h3.516%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.999%208c4.418%200%208-1.344%208-3c0-1.658-3.582-3-8-3s-8%201.342-8%203c0%201.656%203.581%203%208%203Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.999%2010.841c.601.18%201.274.33%202%20.44m3%203.719c-4.419%200-8-1.344-8-3m3%205.841c.601.18%201.274.33%202%20.44%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.999%2022c-4.419%200-8-1.344-8-3V5m16%200v5.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15.742%2016.378c0-.06.009-.825.01-1.26c.001-.397-.034-.78.156-1.13c.71-1.412%202.75-1.269%203.254.17c.088.238.093.613.09.96c-.003.444.006%201.26.006%201.26m-3.516%200c-1.08%200-1.523.78-1.643%201.26s-.12%202.218-.048%202.938c.24.9.84%201.271%201.427%201.391c.54.048%202.82.03%203.48.03c.96.018%201.68-.341%201.98-1.421c.06-.36.12-2.339-.03-2.939c-.319-.96-1.05-1.26-1.65-1.26m-3.516%200h3.516%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/database-locked.svg?color=%231a73e8&size=48
