zap icon
zap from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- zap
- Set
- Keyline Icons
- Style
- Stroke
- 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"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.9611 3.1513L3.1443 13.1497C3.0525 13.2432 3.001 13.369 3.001 13.5C3.001 13.7761 3.2249 14 3.501 14L9.8656 14C10.4178 14 10.8656 14.4477 10.8656 15C10.8656 15.0419 10.8629 15.0839 10.8577 15.1255L10.1861 20.4357C10.1834 20.4565 10.1821 20.4774 10.1821 20.4984C10.1821 20.7745 10.406 20.9984 10.6821 20.9984C10.8163 20.9984 10.9449 20.9445 11.0389 20.8487L20.8557 10.8503C20.9475 10.7568 20.999 10.631 20.999 10.5C20.999 10.2239 20.7751 10 20.499 10L14.1344 10C13.5822 10 13.1344 9.5523 13.1344 9C13.1344 8.9581 13.1371 8.9161 13.1423 8.8745L13.8139 3.5643C13.8166 3.5435 13.8179 3.5226 13.8179 3.5016C13.8179 3.2255 13.594 3.0016 13.3179 3.0016C13.1837 3.0016 13.0551 3.0555 12.9611 3.1513Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsZap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12.9611 3.1513L3.1443 13.1497C3.0525 13.2432 3.001 13.369 3.001 13.5C3.001 13.7761 3.2249 14 3.501 14L9.8656 14C10.4178 14 10.8656 14.4477 10.8656 15C10.8656 15.0419 10.8629 15.0839 10.8577 15.1255L10.1861 20.4357C10.1834 20.4565 10.1821 20.4774 10.1821 20.4984C10.1821 20.7745 10.406 20.9984 10.6821 20.9984C10.8163 20.9984 10.9449 20.9445 11.0389 20.8487L20.8557 10.8503C20.9475 10.7568 20.999 10.631 20.999 10.5C20.999 10.2239 20.7751 10 20.499 10L14.1344 10C13.5822 10 13.1344 9.5523 13.1344 9C13.1344 8.9581 13.1371 8.9161 13.1423 8.8745L13.8139 3.5643C13.8166 3.5435 13.8179 3.5226 13.8179 3.5016C13.8179 3.2255 13.594 3.0016 13.3179 3.0016C13.1837 3.0016 13.0551 3.0555 12.9611 3.1513Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.9611 3.1513L3.1443 13.1497C3.0525 13.2432 3.001 13.369 3.001 13.5C3.001 13.7761 3.2249 14 3.501 14L9.8656 14C10.4178 14 10.8656 14.4477 10.8656 15C10.8656 15.0419 10.8629 15.0839 10.8577 15.1255L10.1861 20.4357C10.1834 20.4565 10.1821 20.4774 10.1821 20.4984C10.1821 20.7745 10.406 20.9984 10.6821 20.9984C10.8163 20.9984 10.9449 20.9445 11.0389 20.8487L20.8557 10.8503C20.9475 10.7568 20.999 10.631 20.999 10.5C20.999 10.2239 20.7751 10 20.499 10L14.1344 10C13.5822 10 13.1344 9.5523 13.1344 9C13.1344 8.9581 13.1371 8.9161 13.1423 8.8745L13.8139 3.5643C13.8166 3.5435 13.8179 3.5226 13.8179 3.5016C13.8179 3.2255 13.594 3.0016 13.3179 3.0016C13.1837 3.0016 13.0551 3.0555 12.9611 3.1513Z"/></svg> </template>
CSS
.icon-zap {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12.9611%203.1513L3.1443%2013.1497C3.0525%2013.2432%203.001%2013.369%203.001%2013.5C3.001%2013.7761%203.2249%2014%203.501%2014L9.8656%2014C10.4178%2014%2010.8656%2014.4477%2010.8656%2015C10.8656%2015.0419%2010.8629%2015.0839%2010.8577%2015.1255L10.1861%2020.4357C10.1834%2020.4565%2010.1821%2020.4774%2010.1821%2020.4984C10.1821%2020.7745%2010.406%2020.9984%2010.6821%2020.9984C10.8163%2020.9984%2010.9449%2020.9445%2011.0389%2020.8487L20.8557%2010.8503C20.9475%2010.7568%2020.999%2010.631%2020.999%2010.5C20.999%2010.2239%2020.7751%2010%2020.499%2010L14.1344%2010C13.5822%2010%2013.1344%209.5523%2013.1344%209C13.1344%208.9581%2013.1371%208.9161%2013.1423%208.8745L13.8139%203.5643C13.8166%203.5435%2013.8179%203.5226%2013.8179%203.5016C13.8179%203.2255%2013.594%203.0016%2013.3179%203.0016C13.1837%203.0016%2013.0551%203.0555%2012.9611%203.1513Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12.9611%203.1513L3.1443%2013.1497C3.0525%2013.2432%203.001%2013.369%203.001%2013.5C3.001%2013.7761%203.2249%2014%203.501%2014L9.8656%2014C10.4178%2014%2010.8656%2014.4477%2010.8656%2015C10.8656%2015.0419%2010.8629%2015.0839%2010.8577%2015.1255L10.1861%2020.4357C10.1834%2020.4565%2010.1821%2020.4774%2010.1821%2020.4984C10.1821%2020.7745%2010.406%2020.9984%2010.6821%2020.9984C10.8163%2020.9984%2010.9449%2020.9445%2011.0389%2020.8487L20.8557%2010.8503C20.9475%2010.7568%2020.999%2010.631%2020.999%2010.5C20.999%2010.2239%2020.7751%2010%2020.499%2010L14.1344%2010C13.5822%2010%2013.1344%209.5523%2013.1344%209C13.1344%208.9581%2013.1371%208.9161%2013.1423%208.8745L13.8139%203.5643C13.8166%203.5435%2013.8179%203.5226%2013.8179%203.5016C13.8179%203.2255%2013.594%203.0016%2013.3179%203.0016C13.1837%203.0016%2013.0551%203.0555%2012.9611%203.1513Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/zap.svg?color=%231a73e8&size=48
