shield slash icon

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

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

1 other variant in Octicons

shield-slash-24

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 16 16"><path fill="currentColor" d="M8.533.133a1.75 1.75 0 0 0-1.066 0l-2.091.67a.75.75 0 0 0 .457 1.428l2.09-.67a.25.25 0 0 1 .153 0l5.25 1.68a.25.25 0 0 1 .174.239V7q0 .35-.025.694a.75.75 0 1 0 1.495.112Q15 7.401 15 7V3.48a1.75 1.75 0 0 0-1.217-1.667zM1 2.857l-.69-.5a.75.75 0 1 1 .88-1.214l14.5 10.5a.75.75 0 1 1-.88 1.214l-1.282-.928c-.995 1.397-2.553 2.624-4.864 3.608c-.425.181-.905.18-1.329 0c-2.447-1.042-4.049-2.356-5.032-3.855S1 8.566 1 7Zm1.5 1.086V7c0 1.358.275 2.666 1.057 3.86c.784 1.194 2.121 2.34 4.366 3.297c.05.02.106.02.153 0c2.127-.905 3.439-1.982 4.237-3.108Z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonShieldSlash16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.533.133a1.75 1.75 0 0 0-1.066 0l-2.091.67a.75.75 0 0 0 .457 1.428l2.09-.67a.25.25 0 0 1 .153 0l5.25 1.68a.25.25 0 0 1 .174.239V7q0 .35-.025.694a.75.75 0 1 0 1.495.112Q15 7.401 15 7V3.48a1.75 1.75 0 0 0-1.217-1.667zM1 2.857l-.69-.5a.75.75 0 1 1 .88-1.214l14.5 10.5a.75.75 0 1 1-.88 1.214l-1.282-.928c-.995 1.397-2.553 2.624-4.864 3.608c-.425.181-.905.18-1.329 0c-2.447-1.042-4.049-2.356-5.032-3.855S1 8.566 1 7Zm1.5 1.086V7c0 1.358.275 2.666 1.057 3.86c.784 1.194 2.121 2.34 4.366 3.297c.05.02.106.02.153 0c2.127-.905 3.439-1.982 4.237-3.108Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.533.133a1.75 1.75 0 0 0-1.066 0l-2.091.67a.75.75 0 0 0 .457 1.428l2.09-.67a.25.25 0 0 1 .153 0l5.25 1.68a.25.25 0 0 1 .174.239V7q0 .35-.025.694a.75.75 0 1 0 1.495.112Q15 7.401 15 7V3.48a1.75 1.75 0 0 0-1.217-1.667zM1 2.857l-.69-.5a.75.75 0 1 1 .88-1.214l14.5 10.5a.75.75 0 1 1-.88 1.214l-1.282-.928c-.995 1.397-2.553 2.624-4.864 3.608c-.425.181-.905.18-1.329 0c-2.447-1.042-4.049-2.356-5.032-3.855S1 8.566 1 7Zm1.5 1.086V7c0 1.358.275 2.666 1.057 3.86c.784 1.194 2.121 2.34 4.366 3.297c.05.02.106.02.153 0c2.127-.905 3.439-1.982 4.237-3.108Z"/></svg>
</template>

CSS

.icon-shield-slash-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.533.133a1.75%201.75%200%200%200-1.066%200l-2.091.67a.75.75%200%200%200%20.457%201.428l2.09-.67a.25.25%200%200%201%20.153%200l5.25%201.68a.25.25%200%200%201%20.174.239V7q0%20.35-.025.694a.75.75%200%201%200%201.495.112Q15%207.401%2015%207V3.48a1.75%201.75%200%200%200-1.217-1.667zM1%202.857l-.69-.5a.75.75%200%201%201%20.88-1.214l14.5%2010.5a.75.75%200%201%201-.88%201.214l-1.282-.928c-.995%201.397-2.553%202.624-4.864%203.608c-.425.181-.905.18-1.329%200c-2.447-1.042-4.049-2.356-5.032-3.855S1%208.566%201%207Zm1.5%201.086V7c0%201.358.275%202.666%201.057%203.86c.784%201.194%202.121%202.34%204.366%203.297c.05.02.106.02.153%200c2.127-.905%203.439-1.982%204.237-3.108Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.533.133a1.75%201.75%200%200%200-1.066%200l-2.091.67a.75.75%200%200%200%20.457%201.428l2.09-.67a.25.25%200%200%201%20.153%200l5.25%201.68a.25.25%200%200%201%20.174.239V7q0%20.35-.025.694a.75.75%200%201%200%201.495.112Q15%207.401%2015%207V3.48a1.75%201.75%200%200%200-1.217-1.667zM1%202.857l-.69-.5a.75.75%200%201%201%20.88-1.214l14.5%2010.5a.75.75%200%201%201-.88%201.214l-1.282-.928c-.995%201.397-2.553%202.624-4.864%203.608c-.425.181-.905.18-1.329%200c-2.447-1.042-4.049-2.356-5.032-3.855S1%208.566%201%207Zm1.5%201.086V7c0%201.358.275%202.666%201.057%203.86c.784%201.194%202.121%202.34%204.366%203.297c.05.02.106.02.153%200c2.127-.905%203.439-1.982%204.237-3.108Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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