secure data icon

secure-data from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name
secure-data
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

Related icons in EOS Icons

secure-data-outlined

Use the secure data icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.269 15.01a4.3 4.3 0 0 1 .78-2h-4.027v-2h7.994v.001a4.9 4.9 0 0 1 1.998.44V3.012a2 2 0 0 0-2.001-2.001H3.016a2 2 0 0 0-2.002 2.001V17.01a2 2 0 0 0 2.002 2.002h9.997v-.801a3 3 0 0 1 .268-1.2H7.013v-2Zm4.744-6h-7.994v-2h7.994Zm-12-6h12v2h-12Zm-2.011 14h-2v-2h2Zm0-12h-2v-2h2Zm2.005 2h2v2h-2Zm.003 6v-2h2v2Zm14.803 4.001v-1.5a2.818 2.818 0 0 0-5.6 0v1.5a1.29 1.29 0 0 0-1.2 1.2v3.5a1.31 1.31 0 0 0 1.2 1.3h5.5a1.31 1.31 0 0 0 1.3-1.2v-3.5a1.31 1.31 0 0 0-1.2-1.3m-1.3 0h-3v-1.5a1.375 1.375 0 0 1 1.5-1.3a1.375 1.375 0 0 1 1.5 1.3Z"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsSecureData(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="M14.269 15.01a4.3 4.3 0 0 1 .78-2h-4.027v-2h7.994v.001a4.9 4.9 0 0 1 1.998.44V3.012a2 2 0 0 0-2.001-2.001H3.016a2 2 0 0 0-2.002 2.001V17.01a2 2 0 0 0 2.002 2.002h9.997v-.801a3 3 0 0 1 .268-1.2H7.013v-2Zm4.744-6h-7.994v-2h7.994Zm-12-6h12v2h-12Zm-2.011 14h-2v-2h2Zm0-12h-2v-2h2Zm2.005 2h2v2h-2Zm.003 6v-2h2v2Zm14.803 4.001v-1.5a2.818 2.818 0 0 0-5.6 0v1.5a1.29 1.29 0 0 0-1.2 1.2v3.5a1.31 1.31 0 0 0 1.2 1.3h5.5a1.31 1.31 0 0 0 1.3-1.2v-3.5a1.31 1.31 0 0 0-1.2-1.3m-1.3 0h-3v-1.5a1.375 1.375 0 0 1 1.5-1.3a1.375 1.375 0 0 1 1.5 1.3Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.269 15.01a4.3 4.3 0 0 1 .78-2h-4.027v-2h7.994v.001a4.9 4.9 0 0 1 1.998.44V3.012a2 2 0 0 0-2.001-2.001H3.016a2 2 0 0 0-2.002 2.001V17.01a2 2 0 0 0 2.002 2.002h9.997v-.801a3 3 0 0 1 .268-1.2H7.013v-2Zm4.744-6h-7.994v-2h7.994Zm-12-6h12v2h-12Zm-2.011 14h-2v-2h2Zm0-12h-2v-2h2Zm2.005 2h2v2h-2Zm.003 6v-2h2v2Zm14.803 4.001v-1.5a2.818 2.818 0 0 0-5.6 0v1.5a1.29 1.29 0 0 0-1.2 1.2v3.5a1.31 1.31 0 0 0 1.2 1.3h5.5a1.31 1.31 0 0 0 1.3-1.2v-3.5a1.31 1.31 0 0 0-1.2-1.3m-1.3 0h-3v-1.5a1.375 1.375 0 0 1 1.5-1.3a1.375 1.375 0 0 1 1.5 1.3Z"/></svg>
</template>

CSS

.icon-secure-data {
  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%22M14.269%2015.01a4.3%204.3%200%200%201%20.78-2h-4.027v-2h7.994v.001a4.9%204.9%200%200%201%201.998.44V3.012a2%202%200%200%200-2.001-2.001H3.016a2%202%200%200%200-2.002%202.001V17.01a2%202%200%200%200%202.002%202.002h9.997v-.801a3%203%200%200%201%20.268-1.2H7.013v-2Zm4.744-6h-7.994v-2h7.994Zm-12-6h12v2h-12Zm-2.011%2014h-2v-2h2Zm0-12h-2v-2h2Zm2.005%202h2v2h-2Zm.003%206v-2h2v2Zm14.803%204.001v-1.5a2.818%202.818%200%200%200-5.6%200v1.5a1.29%201.29%200%200%200-1.2%201.2v3.5a1.31%201.31%200%200%200%201.2%201.3h5.5a1.31%201.31%200%200%200%201.3-1.2v-3.5a1.31%201.31%200%200%200-1.2-1.3m-1.3%200h-3v-1.5a1.375%201.375%200%200%201%201.5-1.3a1.375%201.375%200%200%201%201.5%201.3Z%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%22M14.269%2015.01a4.3%204.3%200%200%201%20.78-2h-4.027v-2h7.994v.001a4.9%204.9%200%200%201%201.998.44V3.012a2%202%200%200%200-2.001-2.001H3.016a2%202%200%200%200-2.002%202.001V17.01a2%202%200%200%200%202.002%202.002h9.997v-.801a3%203%200%200%201%20.268-1.2H7.013v-2Zm4.744-6h-7.994v-2h7.994Zm-12-6h12v2h-12Zm-2.011%2014h-2v-2h2Zm0-12h-2v-2h2Zm2.005%202h2v2h-2Zm.003%206v-2h2v2Zm14.803%204.001v-1.5a2.818%202.818%200%200%200-5.6%200v1.5a1.29%201.29%200%200%200-1.2%201.2v3.5a1.31%201.31%200%200%200%201.2%201.3h5.5a1.31%201.31%200%200%200%201.3-1.2v-3.5a1.31%201.31%200%200%200-1.2-1.3m-1.3%200h-3v-1.5a1.375%201.375%200%200%201%201.5-1.3a1.375%201.375%200%200%201%201.5%201.3Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/secure-data.svg?color=%231a73e8&size=48

Secure Data icon — EOS Icons · IconsDB