Cloud Lightning Icon SVG

Get Free Cloud lightning Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Cloud lightning Icon SVG file (HMTL/CSS) in different colors and sizes. Cloud lightning SVG icon white, black, red, green, blue, transparent, and other colors.

Cloud lightning Icon Svg Code | Path | Download

Download free Cloud Lightning SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Cloud Lightning Icon SVG code in HTML/Css from below.

Cloud Lightning

Cloud lightning SVG Icon Code | Customize color

You can get svg icon cloud lightning in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Cloud lightning

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16"> <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/> </svg>

Cloud lightning

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16"> <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/> </svg>

Cloud lightning

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16"> <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/> </svg>

Cloud lightning

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16"> <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/> </svg>

Cloud lightning

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16"> <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/> </svg>

Advance Editor

You can edit cloud lightning as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

How to add Cloud Lightning SVG Icon?

Here are the five important steps to add this SVG icon.

Customize your Cloud Lightning SVG Icon color, size, and shape.
Click on the download Cloud Lightning SVG Code File Button.
Now, SVG Cloud Lightning Icon will be downloaded to your device.
Upload this Cloud Lightning icon SVG file in your desired projects.
Cloud Lightning SVG Icon uses - Websites, Apps, PPT, & Other Projects.

Advertisements

Cloud lightning SVG Related Icons

Here are some related svg icons matching to Cloud lightning.

cloud-arrow-down

cloud-arrow-down-fill

cloud-arrow-up-fill

cloud-check-fill

cloud-download-fill

cloud-drizzle-fill

cloud-fog2-fill

cloud-hail-fill

cloud-haze-fill

cloud-haze2-fill

cloud-lightning

cloud-lightning-fill

cloud-lightning-rain

cloud-lightning-rain-fill

cloud-minus-fill

cloud-moon-fill

cloud-plus-fill

cloud-rain-fill

cloud-rain-heavy

cloud-rain-heavy-fill

cloud-slash-fill

cloud-sleet-fill

cloud-snow-fill

cloud-upload-fill

lightning-charge

lightning-charge-fill

google-cloud-outline

cloud-moon-rain

cloud-showers-heavy

cloud-showers-water

printer-cloud-fill

printer-cloud-line

file-cloud-fill

file-cloud-line

netease-cloud-music-fill

netease-cloud-music-line

soundcloud-fill

soundcloud-line

download-cloud-2-fill

download-cloud-2-line

download-cloud-fill

download-cloud-line

upload-cloud-2-fill

upload-cloud-2-line

upload-cloud-fill

upload-cloud-line

cloud-windy-fill

cloud-windy-line

moon-cloudy-fill

moon-cloudy-line

sun-cloudy-fill

sun-cloudy-line

brand-soundcloud

cloud-lock-open

Cloud Lightning Icon SVG - Faq(s)?

⭐Can I get Free Cloud Lightning Icon SVG?

Yes, you can get free Cloud Lightning SVG icons.

⭐ How to download free Cloud Lightning Icon SVG code?

To download free Cloud Lightning icons in SVG code click on the copy code button.

⭐How to find the Cloud Lightning Icon SVG path file?

You can get the Cloud Lightning SVG file path from the above section.

⭐ What are the colors available for SVG Cloud Lightning Icon?

You can check the Cloud Lightning SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Advertisements

You may like these icons

Looking For More Icons?