shield account icon

shield-account-outline from Material Design Icons by Pictogrammers · Outline · Account / User · Apache-2.0 Free for personal and commercial use.

Name
shield-account-outline
Set
Material Design Icons
Style
Outline
Category
Account / User
Viewbox
24×24
License
Apache 2.0
Aliases
alarm-arm-home-outline, security-account-outline, shield-person-outline, shield-user-outline

1 other variant in Material Design Icons

shield-account

More account / user icons from Material Design Icons

accountaccount-alertaccount-arrow-downaccount-arrow-leftaccount-arrow-rightaccount-arrow-upaccount-badgeaccount-boxaccount-box-edit-outlineaccount-box-minus-outlineaccount-box-multipleaccount-box-plus-outlineaccount-cancelaccount-cardaccount-cashaccount-checkaccount-childaccount-child-circleaccount-circleaccount-clockaccount-cogaccount-convertaccount-cowboy-hataccount-credit-card

Use the shield account icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 2.18l7 3.12v4.92c0 1.7-.5 3.43-1.35 4.95C16 14.94 13.26 14.5 12 14.5s-4 .44-5.65 1.67C5.5 14.65 5 12.92 5 11.22V6.3zM12 6a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 13a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 6m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8m0 8.5c1.57 0 3.64.61 4.53 1.34C15.29 19.38 13.7 20.55 12 21c-1.7-.45-3.29-1.62-4.53-3.16c.9-.73 2.96-1.34 4.53-1.34"/></svg>

React

import type { SVGProps } from "react";

export function MdiShieldAccountOutline(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 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 2.18l7 3.12v4.92c0 1.7-.5 3.43-1.35 4.95C16 14.94 13.26 14.5 12 14.5s-4 .44-5.65 1.67C5.5 14.65 5 12.92 5 11.22V6.3zM12 6a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 13a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 6m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8m0 8.5c1.57 0 3.64.61 4.53 1.34C15.29 19.38 13.7 20.55 12 21c-1.7-.45-3.29-1.62-4.53-3.16c.9-.73 2.96-1.34 4.53-1.34"/></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 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 2.18l7 3.12v4.92c0 1.7-.5 3.43-1.35 4.95C16 14.94 13.26 14.5 12 14.5s-4 .44-5.65 1.67C5.5 14.65 5 12.92 5 11.22V6.3zM12 6a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 13a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 6m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8m0 8.5c1.57 0 3.64.61 4.53 1.34C15.29 19.38 13.7 20.55 12 21c-1.7-.45-3.29-1.62-4.53-3.16c.9-.73 2.96-1.34 4.53-1.34"/></svg>
</template>

CSS

.icon-shield-account-outline {
  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%201L3%205v6c0%205.55%203.84%2010.74%209%2012c5.16-1.26%209-6.45%209-12V5zm0%202.18l7%203.12v4.92c0%201.7-.5%203.43-1.35%204.95C16%2014.94%2013.26%2014.5%2012%2014.5s-4%20.44-5.65%201.67C5.5%2014.65%205%2012.92%205%2011.22V6.3zM12%206a3.5%203.5%200%200%200-3.5%203.5A3.5%203.5%200%200%200%2012%2013a3.5%203.5%200%200%200%203.5-3.5A3.5%203.5%200%200%200%2012%206m0%202a1.5%201.5%200%200%201%201.5%201.5A1.5%201.5%200%200%201%2012%2011a1.5%201.5%200%200%201-1.5-1.5A1.5%201.5%200%200%201%2012%208m0%208.5c1.57%200%203.64.61%204.53%201.34C15.29%2019.38%2013.7%2020.55%2012%2021c-1.7-.45-3.29-1.62-4.53-3.16c.9-.73%202.96-1.34%204.53-1.34%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%201L3%205v6c0%205.55%203.84%2010.74%209%2012c5.16-1.26%209-6.45%209-12V5zm0%202.18l7%203.12v4.92c0%201.7-.5%203.43-1.35%204.95C16%2014.94%2013.26%2014.5%2012%2014.5s-4%20.44-5.65%201.67C5.5%2014.65%205%2012.92%205%2011.22V6.3zM12%206a3.5%203.5%200%200%200-3.5%203.5A3.5%203.5%200%200%200%2012%2013a3.5%203.5%200%200%200%203.5-3.5A3.5%203.5%200%200%200%2012%206m0%202a1.5%201.5%200%200%201%201.5%201.5A1.5%201.5%200%200%201%2012%2011a1.5%201.5%200%200%201-1.5-1.5A1.5%201.5%200%200%201%2012%208m0%208.5c1.57%200%203.64.61%204.53%201.34C15.29%2019.38%2013.7%2020.55%2012%2021c-1.7-.45-3.29-1.62-4.53-3.16c.9-.73%202.96-1.34%204.53-1.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/shield-account-outline.svg?color=%231a73e8&size=48