user shield icon

user-shield from Font Awesome Solid by Dave Gandy · Solid · Security · CC-BY-4.0 Attribution required.

Name: user-shield
Set: Font Awesome Solid
Style: Solid
Category: Security
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

user-shieldFont Awesome 6 Solid user-shieldLine Awesome user-shieldLucide user-shieldTabler Icons

More security icons from Font Awesome Solid

Use the user shield icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 312c66.3 0 120-53.7 120-120S322.3 72 256 72s-120 53.7-120 120s53.7 120 120 120m-29.7 56C127.8 368 48 447.8 48 546.3c0 16.4 13.3 29.7 29.7 29.7h251.5C293 533.4 272 478.5 272 420.4v-31.1c0-7.3 1-14.5 2.9-21.3zm251 184.5l-13.3 6.3V370.7l96 32v19.6c0 55.8-32.2 106.5-82.7 130.3zm-23.4-229l-112 37.3c-13.1 4.4-21.9 16.6-21.9 30.4v31.1c0 74.4 43 142.1 110.2 173.7l18.5 8.7c4.8 2.2 10 3.4 15.2 3.4s10.5-1.2 15.2-3.4l18.5-8.7C565 564.3 608 496.6 608 422.2v-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUserShield(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 312c66.3 0 120-53.7 120-120S322.3 72 256 72s-120 53.7-120 120s53.7 120 120 120m-29.7 56C127.8 368 48 447.8 48 546.3c0 16.4 13.3 29.7 29.7 29.7h251.5C293 533.4 272 478.5 272 420.4v-31.1c0-7.3 1-14.5 2.9-21.3zm251 184.5l-13.3 6.3V370.7l96 32v19.6c0 55.8-32.2 106.5-82.7 130.3zm-23.4-229l-112 37.3c-13.1 4.4-21.9 16.6-21.9 30.4v31.1c0 74.4 43 142.1 110.2 173.7l18.5 8.7c4.8 2.2 10 3.4 15.2 3.4s10.5-1.2 15.2-3.4l18.5-8.7C565 564.3 608 496.6 608 422.2v-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 312c66.3 0 120-53.7 120-120S322.3 72 256 72s-120 53.7-120 120s53.7 120 120 120m-29.7 56C127.8 368 48 447.8 48 546.3c0 16.4 13.3 29.7 29.7 29.7h251.5C293 533.4 272 478.5 272 420.4v-31.1c0-7.3 1-14.5 2.9-21.3zm251 184.5l-13.3 6.3V370.7l96 32v19.6c0 55.8-32.2 106.5-82.7 130.3zm-23.4-229l-112 37.3c-13.1 4.4-21.9 16.6-21.9 30.4v31.1c0 74.4 43 142.1 110.2 173.7l18.5 8.7c4.8 2.2 10 3.4 15.2 3.4s10.5-1.2 15.2-3.4l18.5-8.7C565 564.3 608 496.6 608 422.2v-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2 0z"/></svg>
</template>

CSS

.icon-user-shield {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20312c66.3%200%20120-53.7%20120-120S322.3%2072%20256%2072s-120%2053.7-120%20120s53.7%20120%20120%20120m-29.7%2056C127.8%20368%2048%20447.8%2048%20546.3c0%2016.4%2013.3%2029.7%2029.7%2029.7h251.5C293%20533.4%20272%20478.5%20272%20420.4v-31.1c0-7.3%201-14.5%202.9-21.3zm251%20184.5l-13.3%206.3V370.7l96%2032v19.6c0%2055.8-32.2%20106.5-82.7%20130.3zm-23.4-229l-112%2037.3c-13.1%204.4-21.9%2016.6-21.9%2030.4v31.1c0%2074.4%2043%20142.1%20110.2%20173.7l18.5%208.7c4.8%202.2%2010%203.4%2015.2%203.4s10.5-1.2%2015.2-3.4l18.5-8.7C565%20564.3%20608%20496.6%20608%20422.2v-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2%200z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20312c66.3%200%20120-53.7%20120-120S322.3%2072%20256%2072s-120%2053.7-120%20120s53.7%20120%20120%20120m-29.7%2056C127.8%20368%2048%20447.8%2048%20546.3c0%2016.4%2013.3%2029.7%2029.7%2029.7h251.5C293%20533.4%20272%20478.5%20272%20420.4v-31.1c0-7.3%201-14.5%202.9-21.3zm251%20184.5l-13.3%206.3V370.7l96%2032v19.6c0%2055.8-32.2%20106.5-82.7%20130.3zm-23.4-229l-112%2037.3c-13.1%204.4-21.9%2016.6-21.9%2030.4v31.1c0%2074.4%2043%20142.1%20110.2%20173.7l18.5%208.7c4.8%202.2%2010%203.4%2015.2%203.4s10.5-1.2%2015.2-3.4l18.5-8.7C565%20564.3%20608%20496.6%20608%20422.2v-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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