Lightning Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Style: Thin
Tags: lightning storm electric fast energy

The Lightning icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/343049.svg" alt="Lightning icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/343049.svg" alt="Lightning icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/343049.svg"
  alt="Lightning icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-lightning {
  background-image: url('https://proicons.com/icon/343049.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.e{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="e" d="M37.8904,19.0519h-11.7352V5.986c0-.4791-.6087-.6839-.8983-.3023L9.1181,26.951c-.6219.8196-.0374,1.997.9915,1.997h11.7352v13.066c0,.4791.6087.6839.8983.3023l16.1387-21.2674c.6219-.8196.0374-1.997-.9915-1.997Z"/></svg>