Menu

Beta
Sign in
Lightning Bolts SVG background, flat

Lightning Bolts SVG background, flat

Small zigzag lightning bolts angle in from the edges around a clear center. Use this background for a storm safety handout or a weather lesson slide.

Free · from Hand-Drawn Flat Backgrounds

Similar SVGs

More from Hand-Drawn Flat Backgrounds

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fwP8awQDPAQc/amnt.svg" alt="Lightning Bolts" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#1D2B3A"/><defs><path id="bolt" d="M-7-25 8-25-1-5 11-5-9 26-4 4-15 4Z"/></defs><g fill="#B6C9C4"><use href="#bolt" transform="translate(83 100) rotate(-38) scale(.8)"/><use href="#bolt" transform="translate(280 61) rotate(-24) scale(.55)"/><use href="#bolt" transform="translate(514 44) rotate(-13) scale(.45)"/><use href="#bolt" transform="translate(1115 53) rotate(19) scale(.55)"/><use href="#bolt" transform="translate(1378 82) rotate(32) scale(.75)"/><use href="#bolt" transform="translate(1532 236) rotate(55) scale(.65)"/><use href="#bolt" transform="translate(1548 666) rotate(116) scale(.7)"/><use href="#bolt" transform="translate(1365 828) rotate(145) scale(.6)"/><use href="#bolt" transform="translate(1081 857) rotate(164) scale(.5)"/><use href="#bolt" transform="translate(480 854) rotate(197) scale(.55)"/><use href="#bolt" transform="translate(183 825) rotate(216) scale(.7)"/><use href="#bolt" transform="translate(63 660) rotate(247) scale(.6)"/></g><g fill="#D5B994"><use href="#bolt" transform="translate(153 44) rotate(-30) scale(.45)"/><use href="#bolt" transform="translate(719 64) rotate(-7) scale(.5)"/><use href="#bolt" transform="translate(1264 38) rotate(26) scale(.45)"/><use href="#bolt" transform="translate(1485 117) rotate(42) scale(.4)"/><use href="#bolt" transform="translate(1539 429) rotate(83) scale(.55)"/><use href="#bolt" transform="translate(1481 770) rotate(131) scale(.45)"/><use href="#bolt" transform="translate(819 846) rotate(179) scale(.5)"/><use href="#bolt" transform="translate(321 842) rotate(205) scale(.4)"/><use href="#bolt" transform="translate(91 748) rotate(231) scale(.45)"/><use href="#bolt" transform="translate(65 301) rotate(291) scale(.5)"/></g><g fill="#829BA8"><use href="#bolt" transform="translate(389 113) rotate(-18) scale(.35)"/><use href="#bolt" transform="translate(927 35) rotate(10) scale(.4)"/><use href="#bolt" transform="translate(1443 297) rotate(64) scale(.4)"/><use href="#bolt" transform="translate(1538 558) rotate(103) scale(.35)"/><use href="#bolt" transform="translate(1212 823) rotate(154) scale(.4)"/><use href="#bolt" transform="translate(617 855) rotate(187) scale(.35)"/><use href="#bolt" transform="translate(122 488) rotate(269) scale(.4)"/><use href="#bolt" transform="translate(43 170) rotate(312) scale(.35)"/></g></svg>
CSS background-image
.lightning-bolts {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fwP8awQDPAQc/amnt.svg");
  background-size: contain;
}
React
import LightningBoltsSvg from "./lightning-bolts.jsx"; // from the React tab above

<LightningBoltsSvg width={48} height={48} />

Tags

lightningthunderstormhand drawnbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Lightning Bolts: Small zigzag lightning bolts angle in from the outer edges around a clear center. as part of the pack Hand-Drawn Flat Backgrounds. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings