shield slash icon

shield-slash-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name: shield-slash-24
Set: Octicons
Style: 24
Viewbox: 24×24
License: MIT

1 other variant in Octicons

shield-slash-16

The same icon in other sets

shield-slashBootstrap Icons shield-slashFramework7 Icons shield-slashPhosphor shield-slashUnicons

Related icons in Octicons

shield-check-16 shield-lock-16 shield-x-16

Use the shield slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.54 1.137a1.75 1.75 0 0 0-1.08 0L6.018 2.905a.75.75 0 1 0 .464 1.427l5.441-1.768a.24.24 0 0 1 .154 0l8.25 2.675a.25.25 0 0 1 .173.237V10.5c0 1.284-.24 2.83-.696 3.971a.75.75 0 1 0 1.392.557C21.74 13.67 22 11.927 22 10.5V5.476a1.75 1.75 0 0 0-1.21-1.664zM2.017 4.843l-.974-.748a.751.751 0 0 1 .914-1.19l20.5 15.75a.751.751 0 0 1-.914 1.19l-2.012-1.546l-.702.852l-.008.009l-.008.01c-1.603 1.821-3.731 3.223-6.214 4.16a1.7 1.7 0 0 1-1.198-.001C5.771 21.205 2 16.689 2 10.5V5q0-.082.017-.157M3.5 5.982V10.5c0 5.461 3.281 9.483 8.431 11.426a.2.2 0 0 0 .138 0c2.283-.861 4.192-2.131 5.61-3.738l.662-.803Z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonShieldSlash24(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.54 1.137a1.75 1.75 0 0 0-1.08 0L6.018 2.905a.75.75 0 1 0 .464 1.427l5.441-1.768a.24.24 0 0 1 .154 0l8.25 2.675a.25.25 0 0 1 .173.237V10.5c0 1.284-.24 2.83-.696 3.971a.75.75 0 1 0 1.392.557C21.74 13.67 22 11.927 22 10.5V5.476a1.75 1.75 0 0 0-1.21-1.664zM2.017 4.843l-.974-.748a.751.751 0 0 1 .914-1.19l20.5 15.75a.751.751 0 0 1-.914 1.19l-2.012-1.546l-.702.852l-.008.009l-.008.01c-1.603 1.821-3.731 3.223-6.214 4.16a1.7 1.7 0 0 1-1.198-.001C5.771 21.205 2 16.689 2 10.5V5q0-.082.017-.157M3.5 5.982V10.5c0 5.461 3.281 9.483 8.431 11.426a.2.2 0 0 0 .138 0c2.283-.861 4.192-2.131 5.61-3.738l.662-.803Z"/></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.54 1.137a1.75 1.75 0 0 0-1.08 0L6.018 2.905a.75.75 0 1 0 .464 1.427l5.441-1.768a.24.24 0 0 1 .154 0l8.25 2.675a.25.25 0 0 1 .173.237V10.5c0 1.284-.24 2.83-.696 3.971a.75.75 0 1 0 1.392.557C21.74 13.67 22 11.927 22 10.5V5.476a1.75 1.75 0 0 0-1.21-1.664zM2.017 4.843l-.974-.748a.751.751 0 0 1 .914-1.19l20.5 15.75a.751.751 0 0 1-.914 1.19l-2.012-1.546l-.702.852l-.008.009l-.008.01c-1.603 1.821-3.731 3.223-6.214 4.16a1.7 1.7 0 0 1-1.198-.001C5.771 21.205 2 16.689 2 10.5V5q0-.082.017-.157M3.5 5.982V10.5c0 5.461 3.281 9.483 8.431 11.426a.2.2 0 0 0 .138 0c2.283-.861 4.192-2.131 5.61-3.738l.662-.803Z"/></svg>
</template>

CSS

.icon-shield-slash-24 {
  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.54%201.137a1.75%201.75%200%200%200-1.08%200L6.018%202.905a.75.75%200%201%200%20.464%201.427l5.441-1.768a.24.24%200%200%201%20.154%200l8.25%202.675a.25.25%200%200%201%20.173.237V10.5c0%201.284-.24%202.83-.696%203.971a.75.75%200%201%200%201.392.557C21.74%2013.67%2022%2011.927%2022%2010.5V5.476a1.75%201.75%200%200%200-1.21-1.664zM2.017%204.843l-.974-.748a.751.751%200%200%201%20.914-1.19l20.5%2015.75a.751.751%200%200%201-.914%201.19l-2.012-1.546l-.702.852l-.008.009l-.008.01c-1.603%201.821-3.731%203.223-6.214%204.16a1.7%201.7%200%200%201-1.198-.001C5.771%2021.205%202%2016.689%202%2010.5V5q0-.082.017-.157M3.5%205.982V10.5c0%205.461%203.281%209.483%208.431%2011.426a.2.2%200%200%200%20.138%200c2.283-.861%204.192-2.131%205.61-3.738l.662-.803Z%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.54%201.137a1.75%201.75%200%200%200-1.08%200L6.018%202.905a.75.75%200%201%200%20.464%201.427l5.441-1.768a.24.24%200%200%201%20.154%200l8.25%202.675a.25.25%200%200%201%20.173.237V10.5c0%201.284-.24%202.83-.696%203.971a.75.75%200%201%200%201.392.557C21.74%2013.67%2022%2011.927%2022%2010.5V5.476a1.75%201.75%200%200%200-1.21-1.664zM2.017%204.843l-.974-.748a.751.751%200%200%201%20.914-1.19l20.5%2015.75a.751.751%200%200%201-.914%201.19l-2.012-1.546l-.702.852l-.008.009l-.008.01c-1.603%201.821-3.731%203.223-6.214%204.16a1.7%201.7%200%200%201-1.198-.001C5.771%2021.205%202%2016.689%202%2010.5V5q0-.082.017-.157M3.5%205.982V10.5c0%205.461%203.281%209.483%208.431%2011.426a.2.2%200%200%200%20.138%200c2.283-.861%204.192-2.131%205.61-3.738l.662-.803Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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