Shape

Lightning

A solid lightning bolt with adjustable width and height. Use for energy, power, speed, electric and weather icons in a 3D scene.

  • lightning

Settings and defaults

Material

Color
#ffffff
Opacity
1

shape

Width
0.6
Height
1
Curve detail
64

The Lightning shape is a zig-zag bolt: a straight-edged outline that steps down in two sharp turns to a point, extruded into a solid with a thin bevel. It is the symbol for power, charging, speed and electricity.

Shape settings

  • Width (0.3 to 1) stretches the bolt sideways: narrow for a slim, fast flash, wide for a bold cartoon bolt.
  • Height (0.5 to 1.4) stretches it vertically.
  • Curve detail has little effect here because the outline is made of straight lines.

Display modes and materials

Solid shows the bolt. Profile draws its outline as a clean line, Edges draws the outline and bevel lines, and the point modes turn it into particles. For a glowing bolt, give it a bright emissive look and add bloom; for a badge, use gold or a glossy yellow plastic.

The Plasma Discharge text look and the Tesla Discharge cursor carry the same electric theme if you want moving lightning as well.

Use it for

  • Energy drinks, batteries and charging
  • Speed, power and performance messages
  • Weather and storm icons

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More shapes

Works well with