zap icon

zap from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name: zap
Set: Octicons
Style: Regular
Viewbox: 10×16
License: MIT

2 other variants in Octicons

The same icon in other sets

zapBoxIcons v2 Solid zapCatppuccin Icons zapFont Awesome Solid zapFeather Icons zapHuge Icons zapLucide zapMage Icons zapMyna UI Icons zapPixelarticons zapSimple Icons zapWeb3 Icons zapWeb3 Icons Branded

Use the zap icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 7H6l3-7l-9 9h4l-3 7l9-9z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonZap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fillRule="evenodd" d="M10 7H6l3-7l-9 9h4l-3 7l9-9z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 7H6l3-7l-9 9h4l-3 7l9-9z" fill="currentColor"/></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%2010%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%207H6l3-7l-9%209h4l-3%207l9-9z%22%20fill%3D%22currentColor%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%2010%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%207H6l3-7l-9%209h4l-3%207l9-9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/zap.svg?color=%231a73e8&size=48