zap off icon
zap-off-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- zap-off-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the zap off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.7929 7.7929L2.293 13.2929C2.1055 13.4804 2.0001 13.7348 2.0001 14C2.0001 14.5523 2.4478 15 3.0001 15L9.847 15L9.0101 20.8585C9.0034 20.9054 9 20.9526 9 20.9999C9 21.5522 9.4477 21.9999 10 21.9999C10.2652 21.9999 10.5196 21.8946 10.7071 21.707L16.2071 16.2071ZM18.3284 14.0857L21.707 10.7071C21.8945 10.5196 21.9999 10.2652 21.9999 10C21.9999 9.4477 21.5522 9 20.9999 9L14.153 9L14.9899 3.1415C14.9966 3.0946 15 3.0474 15 3.0001C15 2.4478 14.5523 2.0001 14 2.0001C13.7348 2.0001 13.4804 2.1054 13.2929 2.293L9.9143 5.6716Z" stroke="none"/><path d="M1.7071 1.7071L22.2929 22.2929"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsZapOffSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M7.7929 7.7929L2.293 13.2929C2.1055 13.4804 2.0001 13.7348 2.0001 14C2.0001 14.5523 2.4478 15 3.0001 15L9.847 15L9.0101 20.8585C9.0034 20.9054 9 20.9526 9 20.9999C9 21.5522 9.4477 21.9999 10 21.9999C10.2652 21.9999 10.5196 21.8946 10.7071 21.707L16.2071 16.2071ZM18.3284 14.0857L21.707 10.7071C21.8945 10.5196 21.9999 10.2652 21.9999 10C21.9999 9.4477 21.5522 9 20.9999 9L14.153 9L14.9899 3.1415C14.9966 3.0946 15 3.0474 15 3.0001C15 2.4478 14.5523 2.0001 14 2.0001C13.7348 2.0001 13.4804 2.1054 13.2929 2.293L9.9143 5.6716Z" stroke="none"/><path d="M1.7071 1.7071L22.2929 22.2929"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.7929 7.7929L2.293 13.2929C2.1055 13.4804 2.0001 13.7348 2.0001 14C2.0001 14.5523 2.4478 15 3.0001 15L9.847 15L9.0101 20.8585C9.0034 20.9054 9 20.9526 9 20.9999C9 21.5522 9.4477 21.9999 10 21.9999C10.2652 21.9999 10.5196 21.8946 10.7071 21.707L16.2071 16.2071ZM18.3284 14.0857L21.707 10.7071C21.8945 10.5196 21.9999 10.2652 21.9999 10C21.9999 9.4477 21.5522 9 20.9999 9L14.153 9L14.9899 3.1415C14.9966 3.0946 15 3.0474 15 3.0001C15 2.4478 14.5523 2.0001 14 2.0001C13.7348 2.0001 13.4804 2.1054 13.2929 2.293L9.9143 5.6716Z" stroke="none"/><path d="M1.7071 1.7071L22.2929 22.2929"/></g></svg> </template>
CSS
.icon-zap-off-sharp-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M7.7929%207.7929L2.293%2013.2929C2.1055%2013.4804%202.0001%2013.7348%202.0001%2014C2.0001%2014.5523%202.4478%2015%203.0001%2015L9.847%2015L9.0101%2020.8585C9.0034%2020.9054%209%2020.9526%209%2020.9999C9%2021.5522%209.4477%2021.9999%2010%2021.9999C10.2652%2021.9999%2010.5196%2021.8946%2010.7071%2021.707L16.2071%2016.2071ZM18.3284%2014.0857L21.707%2010.7071C21.8945%2010.5196%2021.9999%2010.2652%2021.9999%2010C21.9999%209.4477%2021.5522%209%2020.9999%209L14.153%209L14.9899%203.1415C14.9966%203.0946%2015%203.0474%2015%203.0001C15%202.4478%2014.5523%202.0001%2014%202.0001C13.7348%202.0001%2013.4804%202.1054%2013.2929%202.293L9.9143%205.6716Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.7071%201.7071L22.2929%2022.2929%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M7.7929%207.7929L2.293%2013.2929C2.1055%2013.4804%202.0001%2013.7348%202.0001%2014C2.0001%2014.5523%202.4478%2015%203.0001%2015L9.847%2015L9.0101%2020.8585C9.0034%2020.9054%209%2020.9526%209%2020.9999C9%2021.5522%209.4477%2021.9999%2010%2021.9999C10.2652%2021.9999%2010.5196%2021.8946%2010.7071%2021.707L16.2071%2016.2071ZM18.3284%2014.0857L21.707%2010.7071C21.8945%2010.5196%2021.9999%2010.2652%2021.9999%2010C21.9999%209.4477%2021.5522%209%2020.9999%209L14.153%209L14.9899%203.1415C14.9966%203.0946%2015%203.0474%2015%203.0001C15%202.4478%2014.5523%202.0001%2014%202.0001C13.7348%202.0001%2013.4804%202.1054%2013.2929%202.293L9.9143%205.6716Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.7071%201.7071L22.2929%2022.2929%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/zap-off-sharp-duotone.svg?color=%231a73e8&size=48
