tab inprivate account icon

tab-inprivate-account-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name
tab-inprivate-account-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

Use the tab inprivate account icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5.75A2.75 2.75 0 0 1 5.75 3h12.5A2.75 2.75 0 0 1 21 5.75v4.604a4 4 0 0 0-1.5-1.063V5.75c0-.69-.56-1.25-1.25-1.25H5.75c-.69 0-1.25.56-1.25 1.25v12.5c0 .69.56 1.25 1.25 1.25h6.254c.022.536.15 1.039.367 1.5H5.75A2.75 2.75 0 0 1 3 18.25zm15 8.75a1.5 1.5 0 0 1 0-3v.5h2.83a3 3 0 0 0-.594-1H18v-1a3 3 0 1 0 2.236 5H18zM14.938 17c-.582 0-1.07.282-1.396.635c-.324.35-.542.823-.542 1.309v.384C13 21.289 15.041 23 18 23v-1h3.473a3.9 3.9 0 0 0 .997-1H18v.5c-2.53 0-3.5-1.389-3.5-2.172v-.384c0-.046.03-.169.143-.29c.107-.115.217-.154.294-.154H18V18h4.73a2 2 0 0 0-.272-.365c-.327-.353-.814-.635-1.395-.635zM18 14v-1h3c0 .35-.06.687-.17 1zm4.919 6H18v-1h5v.328q0 .343-.081.672"/></svg>

React

import type { SVGProps } from "react";

export function FluentTabInprivateAccount24Regular(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="M3 5.75A2.75 2.75 0 0 1 5.75 3h12.5A2.75 2.75 0 0 1 21 5.75v4.604a4 4 0 0 0-1.5-1.063V5.75c0-.69-.56-1.25-1.25-1.25H5.75c-.69 0-1.25.56-1.25 1.25v12.5c0 .69.56 1.25 1.25 1.25h6.254c.022.536.15 1.039.367 1.5H5.75A2.75 2.75 0 0 1 3 18.25zm15 8.75a1.5 1.5 0 0 1 0-3v.5h2.83a3 3 0 0 0-.594-1H18v-1a3 3 0 1 0 2.236 5H18zM14.938 17c-.582 0-1.07.282-1.396.635c-.324.35-.542.823-.542 1.309v.384C13 21.289 15.041 23 18 23v-1h3.473a3.9 3.9 0 0 0 .997-1H18v.5c-2.53 0-3.5-1.389-3.5-2.172v-.384c0-.046.03-.169.143-.29c.107-.115.217-.154.294-.154H18V18h4.73a2 2 0 0 0-.272-.365c-.327-.353-.814-.635-1.395-.635zM18 14v-1h3c0 .35-.06.687-.17 1zm4.919 6H18v-1h5v.328q0 .343-.081.672"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5.75A2.75 2.75 0 0 1 5.75 3h12.5A2.75 2.75 0 0 1 21 5.75v4.604a4 4 0 0 0-1.5-1.063V5.75c0-.69-.56-1.25-1.25-1.25H5.75c-.69 0-1.25.56-1.25 1.25v12.5c0 .69.56 1.25 1.25 1.25h6.254c.022.536.15 1.039.367 1.5H5.75A2.75 2.75 0 0 1 3 18.25zm15 8.75a1.5 1.5 0 0 1 0-3v.5h2.83a3 3 0 0 0-.594-1H18v-1a3 3 0 1 0 2.236 5H18zM14.938 17c-.582 0-1.07.282-1.396.635c-.324.35-.542.823-.542 1.309v.384C13 21.289 15.041 23 18 23v-1h3.473a3.9 3.9 0 0 0 .997-1H18v.5c-2.53 0-3.5-1.389-3.5-2.172v-.384c0-.046.03-.169.143-.29c.107-.115.217-.154.294-.154H18V18h4.73a2 2 0 0 0-.272-.365c-.327-.353-.814-.635-1.395-.635zM18 14v-1h3c0 .35-.06.687-.17 1zm4.919 6H18v-1h5v.328q0 .343-.081.672"/></svg>
</template>

CSS

.icon-tab-inprivate-account-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%22M3%205.75A2.75%202.75%200%200%201%205.75%203h12.5A2.75%202.75%200%200%201%2021%205.75v4.604a4%204%200%200%200-1.5-1.063V5.75c0-.69-.56-1.25-1.25-1.25H5.75c-.69%200-1.25.56-1.25%201.25v12.5c0%20.69.56%201.25%201.25%201.25h6.254c.022.536.15%201.039.367%201.5H5.75A2.75%202.75%200%200%201%203%2018.25zm15%208.75a1.5%201.5%200%200%201%200-3v.5h2.83a3%203%200%200%200-.594-1H18v-1a3%203%200%201%200%202.236%205H18zM14.938%2017c-.582%200-1.07.282-1.396.635c-.324.35-.542.823-.542%201.309v.384C13%2021.289%2015.041%2023%2018%2023v-1h3.473a3.9%203.9%200%200%200%20.997-1H18v.5c-2.53%200-3.5-1.389-3.5-2.172v-.384c0-.046.03-.169.143-.29c.107-.115.217-.154.294-.154H18V18h4.73a2%202%200%200%200-.272-.365c-.327-.353-.814-.635-1.395-.635zM18%2014v-1h3c0%20.35-.06.687-.17%201zm4.919%206H18v-1h5v.328q0%20.343-.081.672%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%22M3%205.75A2.75%202.75%200%200%201%205.75%203h12.5A2.75%202.75%200%200%201%2021%205.75v4.604a4%204%200%200%200-1.5-1.063V5.75c0-.69-.56-1.25-1.25-1.25H5.75c-.69%200-1.25.56-1.25%201.25v12.5c0%20.69.56%201.25%201.25%201.25h6.254c.022.536.15%201.039.367%201.5H5.75A2.75%202.75%200%200%201%203%2018.25zm15%208.75a1.5%201.5%200%200%201%200-3v.5h2.83a3%203%200%200%200-.594-1H18v-1a3%203%200%201%200%202.236%205H18zM14.938%2017c-.582%200-1.07.282-1.396.635c-.324.35-.542.823-.542%201.309v.384C13%2021.289%2015.041%2023%2018%2023v-1h3.473a3.9%203.9%200%200%200%20.997-1H18v.5c-2.53%200-3.5-1.389-3.5-2.172v-.384c0-.046.03-.169.143-.29c.107-.115.217-.154.294-.154H18V18h4.73a2%202%200%200%200-.272-.365c-.327-.353-.814-.635-1.395-.635zM18%2014v-1h3c0%20.35-.06.687-.17%201zm4.919%206H18v-1h5v.328q0%20.343-.081.672%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tab-inprivate-account-24-regular.svg?color=%231a73e8&size=48