shield slash icon
shield-slash from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- shield-slash
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the shield slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M48.613 50.98c.703.704 1.875.704 2.555 0a1.81 1.81 0 0 0 0-2.554L7.41 4.69c-.703-.703-1.851-.703-2.578 0c-.703.68-.68 1.852 0 2.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657 0-1.336.188-1.97.352c-2.155.68-7.382 2.578-11.343 4.101l2.906 2.93A673 673 0 0 1 28.293 8.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586 1.29 10.383 3.89 14.016 5.133c.656.234.797.563.797 1.36V31.55c0 2.273-.376 4.031-1.196 5.555l2.883 2.906c1.43-2.133 2.039-4.477 2.039-7.594ZM9.754 32.418c0 8.555 4.594 11.695 17.719 19.078c.68.375 1.336.516 1.758.516s1.054-.14 1.757-.516c3.563-2.039 6.493-3.75 8.86-5.32l-2.836-2.836c-1.711 1.101-3.75 2.32-6.14 3.797c-.821.492-1.243.61-1.642.61c-.445 0-.867-.142-1.64-.61C16.95 40.69 13.48 38.77 13.48 31.55V19.809l-3.726-3.704Z"/></svg>
React
import type { SVGProps } from "react";
export function F7ShieldSlash(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M48.613 50.98c.703.704 1.875.704 2.555 0a1.81 1.81 0 0 0 0-2.554L7.41 4.69c-.703-.703-1.851-.703-2.578 0c-.703.68-.68 1.852 0 2.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657 0-1.336.188-1.97.352c-2.155.68-7.382 2.578-11.343 4.101l2.906 2.93A673 673 0 0 1 28.293 8.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586 1.29 10.383 3.89 14.016 5.133c.656.234.797.563.797 1.36V31.55c0 2.273-.376 4.031-1.196 5.555l2.883 2.906c1.43-2.133 2.039-4.477 2.039-7.594ZM9.754 32.418c0 8.555 4.594 11.695 17.719 19.078c.68.375 1.336.516 1.758.516s1.054-.14 1.757-.516c3.563-2.039 6.493-3.75 8.86-5.32l-2.836-2.836c-1.711 1.101-3.75 2.32-6.14 3.797c-.821.492-1.243.61-1.642.61c-.445 0-.867-.142-1.64-.61C16.95 40.69 13.48 38.77 13.48 31.55V19.809l-3.726-3.704Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M48.613 50.98c.703.704 1.875.704 2.555 0a1.81 1.81 0 0 0 0-2.554L7.41 4.69c-.703-.703-1.851-.703-2.578 0c-.703.68-.68 1.852 0 2.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657 0-1.336.188-1.97.352c-2.155.68-7.382 2.578-11.343 4.101l2.906 2.93A673 673 0 0 1 28.293 8.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586 1.29 10.383 3.89 14.016 5.133c.656.234.797.563.797 1.36V31.55c0 2.273-.376 4.031-1.196 5.555l2.883 2.906c1.43-2.133 2.039-4.477 2.039-7.594ZM9.754 32.418c0 8.555 4.594 11.695 17.719 19.078c.68.375 1.336.516 1.758.516s1.054-.14 1.757-.516c3.563-2.039 6.493-3.75 8.86-5.32l-2.836-2.836c-1.711 1.101-3.75 2.32-6.14 3.797c-.821.492-1.243.61-1.642.61c-.445 0-.867-.142-1.64-.61C16.95 40.69 13.48 38.77 13.48 31.55V19.809l-3.726-3.704Z"/></svg> </template>
CSS
.icon-shield-slash {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48.613%2050.98c.703.704%201.875.704%202.555%200a1.81%201.81%200%200%200%200-2.554L7.41%204.69c-.703-.703-1.851-.703-2.578%200c-.703.68-.68%201.852%200%202.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657%200-1.336.188-1.97.352c-2.155.68-7.382%202.578-11.343%204.101l2.906%202.93A673%20673%200%200%201%2028.293%208.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586%201.29%2010.383%203.89%2014.016%205.133c.656.234.797.563.797%201.36V31.55c0%202.273-.376%204.031-1.196%205.555l2.883%202.906c1.43-2.133%202.039-4.477%202.039-7.594ZM9.754%2032.418c0%208.555%204.594%2011.695%2017.719%2019.078c.68.375%201.336.516%201.758.516s1.054-.14%201.757-.516c3.563-2.039%206.493-3.75%208.86-5.32l-2.836-2.836c-1.711%201.101-3.75%202.32-6.14%203.797c-.821.492-1.243.61-1.642.61c-.445%200-.867-.142-1.64-.61C16.95%2040.69%2013.48%2038.77%2013.48%2031.55V19.809l-3.726-3.704Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48.613%2050.98c.703.704%201.875.704%202.555%200a1.81%201.81%200%200%200%200-2.554L7.41%204.69c-.703-.703-1.851-.703-2.578%200c-.703.68-.68%201.852%200%202.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657%200-1.336.188-1.97.352c-2.155.68-7.382%202.578-11.343%204.101l2.906%202.93A673%20673%200%200%201%2028.293%208.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586%201.29%2010.383%203.89%2014.016%205.133c.656.234.797.563.797%201.36V31.55c0%202.273-.376%204.031-1.196%205.555l2.883%202.906c1.43-2.133%202.039-4.477%202.039-7.594ZM9.754%2032.418c0%208.555%204.594%2011.695%2017.719%2019.078c.68.375%201.336.516%201.758.516s1.054-.14%201.757-.516c3.563-2.039%206.493-3.75%208.86-5.32l-2.836-2.836c-1.711%201.101-3.75%202.32-6.14%203.797c-.821.492-1.243.61-1.642.61c-.445%200-.867-.142-1.64-.61C16.95%2040.69%2013.48%2038.77%2013.48%2031.55V19.809l-3.726-3.704Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/shield-slash.svg?color=%231a73e8&size=48
