shield alt icon

shield-alt from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: shield-alt
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-shield-alt

The same icon in other sets

shield-altFont Awesome Solid shield-altIconoir shield-altLine Awesome

Related icons in BoxIcons v2

shield-alt-2 shield-minus shield-plus shield-quarter shield-x

Use the shield alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.342 8.447l1.105-.553A.998.998 0 0 0 21.8 6.4l-3-4A1 1 0 0 0 18 2H6a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0 .352 1.494l1.105.553l-1.131 2.262A5.05 5.05 0 0 0 2 12.944v.591a6.03 6.03 0 0 0 3.894 5.618l3.431 1.286a5.5 5.5 0 0 1 1.969 1.268a.997.997 0 0 0 1.413 0a5.5 5.5 0 0 1 1.969-1.267l3.432-1.287A6.03 6.03 0 0 0 22 13.535v-.591c0-.771-.183-1.545-.527-2.236zM20 13.535a4.02 4.02 0 0 1-2.596 3.745l-3.431 1.287a7.5 7.5 0 0 0-1.974 1.101a7.5 7.5 0 0 0-1.974-1.102L6.596 17.28A4.02 4.02 0 0 1 4 13.535v-.591c0-.463.109-.928.316-1.342l1.131-2.261a2.003 2.003 0 0 0-.895-2.684l-.033-.015L6.5 4h11l1.981 2.642l-.034.017a2.004 2.004 0 0 0-.895 2.684l1.131 2.26c.208.414.317.878.317 1.341z"/></svg>

React

import type { SVGProps } from "react";

export function BxShieldAlt(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="m20.342 8.447l1.105-.553A.998.998 0 0 0 21.8 6.4l-3-4A1 1 0 0 0 18 2H6a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0 .352 1.494l1.105.553l-1.131 2.262A5.05 5.05 0 0 0 2 12.944v.591a6.03 6.03 0 0 0 3.894 5.618l3.431 1.286a5.5 5.5 0 0 1 1.969 1.268a.997.997 0 0 0 1.413 0a5.5 5.5 0 0 1 1.969-1.267l3.432-1.287A6.03 6.03 0 0 0 22 13.535v-.591c0-.771-.183-1.545-.527-2.236zM20 13.535a4.02 4.02 0 0 1-2.596 3.745l-3.431 1.287a7.5 7.5 0 0 0-1.974 1.101a7.5 7.5 0 0 0-1.974-1.102L6.596 17.28A4.02 4.02 0 0 1 4 13.535v-.591c0-.463.109-.928.316-1.342l1.131-2.261a2.003 2.003 0 0 0-.895-2.684l-.033-.015L6.5 4h11l1.981 2.642l-.034.017a2.004 2.004 0 0 0-.895 2.684l1.131 2.26c.208.414.317.878.317 1.341z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.342 8.447l1.105-.553A.998.998 0 0 0 21.8 6.4l-3-4A1 1 0 0 0 18 2H6a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0 .352 1.494l1.105.553l-1.131 2.262A5.05 5.05 0 0 0 2 12.944v.591a6.03 6.03 0 0 0 3.894 5.618l3.431 1.286a5.5 5.5 0 0 1 1.969 1.268a.997.997 0 0 0 1.413 0a5.5 5.5 0 0 1 1.969-1.267l3.432-1.287A6.03 6.03 0 0 0 22 13.535v-.591c0-.771-.183-1.545-.527-2.236zM20 13.535a4.02 4.02 0 0 1-2.596 3.745l-3.431 1.287a7.5 7.5 0 0 0-1.974 1.101a7.5 7.5 0 0 0-1.974-1.102L6.596 17.28A4.02 4.02 0 0 1 4 13.535v-.591c0-.463.109-.928.316-1.342l1.131-2.261a2.003 2.003 0 0 0-.895-2.684l-.033-.015L6.5 4h11l1.981 2.642l-.034.017a2.004 2.004 0 0 0-.895 2.684l1.131 2.26c.208.414.317.878.317 1.341z"/></svg>
</template>

CSS

.icon-shield-alt {
  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%22m20.342%208.447l1.105-.553A.998.998%200%200%200%2021.8%206.4l-3-4A1%201%200%200%200%2018%202H6a1%201%200%200%200-.8.4l-3%204a1%201%200%200%200%20.352%201.494l1.105.553l-1.131%202.262A5.05%205.05%200%200%200%202%2012.944v.591a6.03%206.03%200%200%200%203.894%205.618l3.431%201.286a5.5%205.5%200%200%201%201.969%201.268a.997.997%200%200%200%201.413%200a5.5%205.5%200%200%201%201.969-1.267l3.432-1.287A6.03%206.03%200%200%200%2022%2013.535v-.591c0-.771-.183-1.545-.527-2.236zM20%2013.535a4.02%204.02%200%200%201-2.596%203.745l-3.431%201.287a7.5%207.5%200%200%200-1.974%201.101a7.5%207.5%200%200%200-1.974-1.102L6.596%2017.28A4.02%204.02%200%200%201%204%2013.535v-.591c0-.463.109-.928.316-1.342l1.131-2.261a2.003%202.003%200%200%200-.895-2.684l-.033-.015L6.5%204h11l1.981%202.642l-.034.017a2.004%202.004%200%200%200-.895%202.684l1.131%202.26c.208.414.317.878.317%201.341z%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%22m20.342%208.447l1.105-.553A.998.998%200%200%200%2021.8%206.4l-3-4A1%201%200%200%200%2018%202H6a1%201%200%200%200-.8.4l-3%204a1%201%200%200%200%20.352%201.494l1.105.553l-1.131%202.262A5.05%205.05%200%200%200%202%2012.944v.591a6.03%206.03%200%200%200%203.894%205.618l3.431%201.286a5.5%205.5%200%200%201%201.969%201.268a.997.997%200%200%200%201.413%200a5.5%205.5%200%200%201%201.969-1.267l3.432-1.287A6.03%206.03%200%200%200%2022%2013.535v-.591c0-.771-.183-1.545-.527-2.236zM20%2013.535a4.02%204.02%200%200%201-2.596%203.745l-3.431%201.287a7.5%207.5%200%200%200-1.974%201.101a7.5%207.5%200%200%200-1.974-1.102L6.596%2017.28A4.02%204.02%200%200%201%204%2013.535v-.591c0-.463.109-.928.316-1.342l1.131-2.261a2.003%202.003%200%200%200-.895-2.684l-.033-.015L6.5%204h11l1.981%202.642l-.034.017a2.004%202.004%200%200%200-.895%202.684l1.131%202.26c.208.414.317.878.317%201.341z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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