zap icon
zap-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- zap-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the zap 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="M13.2929 2.293L2.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.707L21.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.293Z" stroke="none"/><path d="M14 3.0001L3.0001 14L11 14L10 20.9999L20.9999 10L13 10L14 3.0001Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsZapSharpTwoTone(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="M13.2929 2.293L2.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.707L21.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.293Z" stroke="none"/><path d="M14 3.0001L3.0001 14L11 14L10 20.9999L20.9999 10L13 10L14 3.0001Z"/></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="M13.2929 2.293L2.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.707L21.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.293Z" stroke="none"/><path d="M14 3.0001L3.0001 14L11 14L10 20.9999L20.9999 10L13 10L14 3.0001Z"/></g></svg> </template>
CSS
.icon-zap-sharp-two-tone {
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%22M13.2929%202.293L2.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.707L21.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.293Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M14%203.0001L3.0001%2014L11%2014L10%2020.9999L20.9999%2010L13%2010L14%203.0001Z%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%22M13.2929%202.293L2.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.707L21.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.293Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M14%203.0001L3.0001%2014L11%2014L10%2020.9999L20.9999%2010L13%2010L14%203.0001Z%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-sharp-two-tone.svg?color=%231a73e8&size=48
