file shield icon

file-shield from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: file-shield
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

Use the file shield icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0h160v128c0 17.7 14.3 32 32 32h128v47l-92.8 37.1c-21.3 8.5-35.2 29.1-35.2 52c0 56.6 18.9 148 94.2 208.3c-9 4.8-19.3 7.6-30.2 7.6H64c-35.3 0-64-28.7-64-64zm384 64H256V0zm39.1 97.7c5.7-2.3 12.1-2.3 17.8 0l120 48c9.1 3.7 15.1 12.5 15.1 22.3c0 63.3-25.9 168.8-134.8 214.2c-5.9 2.5-12.6 2.5-18.5 0C313.9 464.8 288 359.3 288 296c0-9.8 6-18.6 15.1-22.3zM527.4 312L432 273.8v187.8c68.2-33 91.5-99 95.4-149.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFileShield(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0h160v128c0 17.7 14.3 32 32 32h128v47l-92.8 37.1c-21.3 8.5-35.2 29.1-35.2 52c0 56.6 18.9 148 94.2 208.3c-9 4.8-19.3 7.6-30.2 7.6H64c-35.3 0-64-28.7-64-64zm384 64H256V0zm39.1 97.7c5.7-2.3 12.1-2.3 17.8 0l120 48c9.1 3.7 15.1 12.5 15.1 22.3c0 63.3-25.9 168.8-134.8 214.2c-5.9 2.5-12.6 2.5-18.5 0C313.9 464.8 288 359.3 288 296c0-9.8 6-18.6 15.1-22.3zM527.4 312L432 273.8v187.8c68.2-33 91.5-99 95.4-149.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0h160v128c0 17.7 14.3 32 32 32h128v47l-92.8 37.1c-21.3 8.5-35.2 29.1-35.2 52c0 56.6 18.9 148 94.2 208.3c-9 4.8-19.3 7.6-30.2 7.6H64c-35.3 0-64-28.7-64-64zm384 64H256V0zm39.1 97.7c5.7-2.3 12.1-2.3 17.8 0l120 48c9.1 3.7 15.1 12.5 15.1 22.3c0 63.3-25.9 168.8-134.8 214.2c-5.9 2.5-12.6 2.5-18.5 0C313.9 464.8 288 359.3 288 296c0-9.8 6-18.6 15.1-22.3zM527.4 312L432 273.8v187.8c68.2-33 91.5-99 95.4-149.7z"/></svg>
</template>

CSS

.icon-file-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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2064C0%2028.7%2028.7%200%2064%200h160v128c0%2017.7%2014.3%2032%2032%2032h128v47l-92.8%2037.1c-21.3%208.5-35.2%2029.1-35.2%2052c0%2056.6%2018.9%20148%2094.2%20208.3c-9%204.8-19.3%207.6-30.2%207.6H64c-35.3%200-64-28.7-64-64zm384%2064H256V0zm39.1%2097.7c5.7-2.3%2012.1-2.3%2017.8%200l120%2048c9.1%203.7%2015.1%2012.5%2015.1%2022.3c0%2063.3-25.9%20168.8-134.8%20214.2c-5.9%202.5-12.6%202.5-18.5%200C313.9%20464.8%20288%20359.3%20288%20296c0-9.8%206-18.6%2015.1-22.3zM527.4%20312L432%20273.8v187.8c68.2-33%2091.5-99%2095.4-149.7z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2064C0%2028.7%2028.7%200%2064%200h160v128c0%2017.7%2014.3%2032%2032%2032h128v47l-92.8%2037.1c-21.3%208.5-35.2%2029.1-35.2%2052c0%2056.6%2018.9%20148%2094.2%20208.3c-9%204.8-19.3%207.6-30.2%207.6H64c-35.3%200-64-28.7-64-64zm384%2064H256V0zm39.1%2097.7c5.7-2.3%2012.1-2.3%2017.8%200l120%2048c9.1%203.7%2015.1%2012.5%2015.1%2022.3c0%2063.3-25.9%20168.8-134.8%20214.2c-5.9%202.5-12.6%202.5-18.5%200C313.9%20464.8%20288%20359.3%20288%20296c0-9.8%206-18.6%2015.1-22.3zM527.4%20312L432%20273.8v187.8c68.2-33%2091.5-99%2095.4-149.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

file shield icon

The same icon in other sets

Related icons in Font Awesome 6 Solid

Use the file shield icon

SVG

React

Vue

CSS