shield off icon
shield-off-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- shield-off-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
- Aliases
- shield-slash-solid
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the shield off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.775 2.49a1.37 1.37 0 0 0-1.55 0l-.61.417a11.3 11.3 0 0 1-5.234 1.92a1.264 1.264 0 0 0-1.131 1.26v4.93c0 2.091.904 4.027 2.035 5.637L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.68-3.678c1.423 1.69 2.998 2.961 3.807 3.568a1.63 1.63 0 0 0 1.966 0c.841-.63 2.511-1.98 3.977-3.772c1.455-1.778 2.79-4.09 2.79-6.63V6.086c0-.221-.057-.433-.16-.617l1.94-1.94a.75.75 0 0 0-1.06-1.06L18.168 4.77a11.3 11.3 0 0 1-4.783-1.864z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiShieldOffSolid(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.775 2.49a1.37 1.37 0 0 0-1.55 0l-.61.417a11.3 11.3 0 0 1-5.234 1.92a1.264 1.264 0 0 0-1.131 1.26v4.93c0 2.091.904 4.027 2.035 5.637L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.68-3.678c1.423 1.69 2.998 2.961 3.807 3.568a1.63 1.63 0 0 0 1.966 0c.841-.63 2.511-1.98 3.977-3.772c1.455-1.778 2.79-4.09 2.79-6.63V6.086c0-.221-.057-.433-.16-.617l1.94-1.94a.75.75 0 0 0-1.06-1.06L18.168 4.77a11.3 11.3 0 0 1-4.783-1.864z"/></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.775 2.49a1.37 1.37 0 0 0-1.55 0l-.61.417a11.3 11.3 0 0 1-5.234 1.92a1.264 1.264 0 0 0-1.131 1.26v4.93c0 2.091.904 4.027 2.035 5.637L2.47 20.47a.75.75 0 1 0 1.06 1.06l3.68-3.678c1.423 1.69 2.998 2.961 3.807 3.568a1.63 1.63 0 0 0 1.966 0c.841-.63 2.511-1.98 3.977-3.772c1.455-1.778 2.79-4.09 2.79-6.63V6.086c0-.221-.057-.433-.16-.617l1.94-1.94a.75.75 0 0 0-1.06-1.06L18.168 4.77a11.3 11.3 0 0 1-4.783-1.864z"/></svg> </template>
CSS
.icon-shield-off-solid {
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.775%202.49a1.37%201.37%200%200%200-1.55%200l-.61.417a11.3%2011.3%200%200%201-5.234%201.92a1.264%201.264%200%200%200-1.131%201.26v4.93c0%202.091.904%204.027%202.035%205.637L2.47%2020.47a.75.75%200%201%200%201.06%201.06l3.68-3.678c1.423%201.69%202.998%202.961%203.807%203.568a1.63%201.63%200%200%200%201.966%200c.841-.63%202.511-1.98%203.977-3.772c1.455-1.778%202.79-4.09%202.79-6.63V6.086c0-.221-.057-.433-.16-.617l1.94-1.94a.75.75%200%200%200-1.06-1.06L18.168%204.77a11.3%2011.3%200%200%201-4.783-1.864z%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.775%202.49a1.37%201.37%200%200%200-1.55%200l-.61.417a11.3%2011.3%200%200%201-5.234%201.92a1.264%201.264%200%200%200-1.131%201.26v4.93c0%202.091.904%204.027%202.035%205.637L2.47%2020.47a.75.75%200%201%200%201.06%201.06l3.68-3.678c1.423%201.69%202.998%202.961%203.807%203.568a1.63%201.63%200%200%200%201.966%200c.841-.63%202.511-1.98%203.977-3.772c1.455-1.778%202.79-4.09%202.79-6.63V6.086c0-.221-.057-.433-.16-.617l1.94-1.94a.75.75%200%200%200-1.06-1.06L18.168%204.77a11.3%2011.3%200%200%201-4.783-1.864z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/shield-off-solid.svg?color=%231a73e8&size=48
