Lightning Icon

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

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.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/320287.svg" alt="Lightning icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="lightning_1_" d="M12.312,29.179l-0.625-0.357l3.692-6.461H12c-0.128,0-0.247-0.068-0.312-0.18s-0.065-0.248-0.001-0.359
	l4-7l0.625,0.357L12.62,21.64H16c0.128,0,0.247,0.068,0.312,0.18s0.065,0.248,0.001,0.359L12.312,29.179z M19,19.36v-0.72h6.427
	c2.922-0.031,5.213-2.256,5.213-5.066c0-2.875-2.338-5.214-5.213-5.214c-0.636,0-1.419,0.115-1.905,0.28
	c-0.183,0.063-0.38-0.031-0.451-0.21c-1.18-3.032-4.051-5.07-7.144-5.07c-3.829,0-7.253,3.269-7.634,7.287
	c-0.012,0.122-0.084,0.229-0.192,0.286c-0.109,0.056-0.239,0.054-0.344-0.007c-0.648-0.37-1.383-0.565-2.125-0.565
	c-2.355,0-4.271,1.928-4.271,4.298c0,2.275,1.798,3.95,4.276,3.981H8.99v0.721H5.631c-2.894-0.038-4.991-2.015-4.991-4.702
	c0-2.767,2.239-5.018,4.991-5.018c0.691,0,1.377,0.145,2.01,0.422c0.647-4.138,4.261-7.422,8.286-7.422
	c3.281,0,6.332,2.085,7.689,5.223c0.599-0.153,1.309-0.223,1.811-0.223c3.271,0,5.934,2.662,5.934,5.934
	c0,3.209-2.604,5.75-5.93,5.787H19V19.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>