# bolt icon

Bolt. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bolt

- Category: Actions
- Use it for: instant, quick action, automation, electricity, quick actions, automate, automated, automations, electric, electrical, energy
- Tags: lightning, flash, zap, fast, power
- Family: bolt-off
- Component name: BoltIcon
- Added: 2026-10-14

## Alternatives

- `rabbit`: fast as a speed setting, paired with a slow motif
- `command-palette`: a searchable list of all commands (Cmd+K)
- `workflow`: a multi-step pipeline or flow builder, e.g. CI/CD
- `bolt-off`: automation turned off
- `robot-arm`: industrial automation and robotics
- `plug`: a power plug or plugged in
- `battery-charging`: a battery that is charging

## Don't confuse with

- `bot`: a bot is an AI agent or chatbot, not a rule that runs by itself
- `power`: the IEC power symbol means power on/off, not electricity

## Also fits

- home energy: electricity in general
- utility pole: electricity
- workflow: automation rules and instant actions (automation)
- fast: instant or a quick action
- robotic arm: automation of software workflows

## Not for

- flashlight (use `flashlight`): the bolt means instant or electricity and the camera flash, not the torch
- power (use `power`): the bolt motif does not mean power
- ev charging (use `charging-station`): electricity, instant or automation, not a charging station
- thunderstorm (use `cloud-lightning`): bolt owns instant, automation and electricity

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/bolt.svg · PNG https://gentleface.com/png/line-round/16/bolt.png · https://gentleface.com/png/line-round/32/bolt.png · https://gentleface.com/png/line-round/48/bolt.png
- line-soft: https://gentleface.com/svg/line-soft/16/bolt.svg · PNG https://gentleface.com/png/line-soft/16/bolt.png · https://gentleface.com/png/line-soft/32/bolt.png · https://gentleface.com/png/line-soft/48/bolt.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/bolt.svg · PNG https://gentleface.com/png/line-sharp/16/bolt.png · https://gentleface.com/png/line-sharp/32/bolt.png · https://gentleface.com/png/line-sharp/48/bolt.png
- solid-round: https://gentleface.com/svg/solid-round/16/bolt.svg · PNG https://gentleface.com/png/solid-round/16/bolt.png · https://gentleface.com/png/solid-round/32/bolt.png · https://gentleface.com/png/solid-round/48/bolt.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/bolt.svg · PNG https://gentleface.com/png/solid-soft/16/bolt.png · https://gentleface.com/png/solid-soft/32/bolt.png · https://gentleface.com/png/solid-soft/48/bolt.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/bolt.svg · PNG https://gentleface.com/png/solid-sharp/16/bolt.png · https://gentleface.com/png/solid-sharp/32/bolt.png · https://gentleface.com/png/solid-sharp/48/bolt.png

The SVG of every style: https://gentleface.com/icons/bolt.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z"/></svg>
```

### React

```tsx
// Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt
import type { SVGProps } from 'react';

export function BoltIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/bolt.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt. Takes the text color. */
.icon-bolt {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#bolt"/></svg>
```

### SwiftUI

```swift
// Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt
import SwiftUI

struct BoltIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 11.856, y: 6.144))
        p.addCurve(to: CGPoint(x: 12, y: 6.5), control1: CGPoint(x: 11.952, y: 6.241), control2: CGPoint(x: 12, y: 6.359))
        p.addCurve(to: CGPoint(x: 11.924, y: 6.765), control1: CGPoint(x: 12, y: 6.596), control2: CGPoint(x: 11.975, y: 6.684))
        p.addLine(to: CGPoint(x: 6.924, y: 14.765))
        p.addCurve(to: CGPoint(x: 6.613, y: 14.99), control1: CGPoint(x: 6.849, y: 14.885), control2: CGPoint(x: 6.746, y: 14.96))
        p.addCurve(to: CGPoint(x: 6.235, y: 14.924), control1: CGPoint(x: 6.481, y: 15.021), control2: CGPoint(x: 6.355, y: 14.999))
        p.addCurve(to: CGPoint(x: 6.062, y: 14.743), control1: CGPoint(x: 6.161, y: 14.878), control2: CGPoint(x: 6.104, y: 14.818))
        p.addCurve(to: CGPoint(x: 6, y: 14.5), control1: CGPoint(x: 6.021, y: 14.668), control2: CGPoint(x: 6, y: 14.587))
        p.addLine(to: CGPoint(x: 6, y: 10))
        p.addLine(to: CGPoint(x: 3.5, y: 10))
        p.addCurve(to: CGPoint(x: 3.144, y: 9.856), control1: CGPoint(x: 3.359, y: 10), control2: CGPoint(x: 3.241, y: 9.952))
        p.addCurve(to: CGPoint(x: 3, y: 9.5), control1: CGPoint(x: 3.048, y: 9.759), control2: CGPoint(x: 3, y: 9.641))
        p.addCurve(to: CGPoint(x: 3.076, y: 9.235), control1: CGPoint(x: 3, y: 9.404), control2: CGPoint(x: 3.025, y: 9.316))
        p.addLine(to: CGPoint(x: 8.076, y: 1.235))
        p.addCurve(to: CGPoint(x: 8.388, y: 1.013), control1: CGPoint(x: 8.149, y: 1.118), control2: CGPoint(x: 8.253, y: 1.044))
        p.addCurve(to: CGPoint(x: 8.765, y: 1.076), control1: CGPoint(x: 8.522, y: 0.982), control2: CGPoint(x: 8.648, y: 1.003))
        p.addCurve(to: CGPoint(x: 8.938, y: 1.257), control1: CGPoint(x: 8.839, y: 1.122), control2: CGPoint(x: 8.896, y: 1.182))
        p.addCurve(to: CGPoint(x: 9, y: 1.5), control1: CGPoint(x: 8.979, y: 1.332), control2: CGPoint(x: 9, y: 1.413))
        p.addLine(to: CGPoint(x: 9, y: 6))
        p.addLine(to: CGPoint(x: 11.5, y: 6))
        p.addCurve(to: CGPoint(x: 11.856, y: 6.144), control1: CGPoint(x: 11.641, y: 6), control2: CGPoint(x: 11.759, y: 6.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6, y: 9))
        p.addCurve(to: CGPoint(x: 6.707, y: 9.293), control1: CGPoint(x: 6.276, y: 9), control2: CGPoint(x: 6.512, y: 9.098))
        p.addCurve(to: CGPoint(x: 7, y: 10), control1: CGPoint(x: 6.902, y: 9.488), control2: CGPoint(x: 7, y: 9.724))
        p.addLine(to: CGPoint(x: 7, y: 12.757))
        p.addLine(to: CGPoint(x: 10.598, y: 7))
        p.addLine(to: CGPoint(x: 9, y: 7))
        p.addCurve(to: CGPoint(x: 8.293, y: 6.707), control1: CGPoint(x: 8.724, y: 7), control2: CGPoint(x: 8.488, y: 6.902))
        p.addCurve(to: CGPoint(x: 8, y: 6), control1: CGPoint(x: 8.098, y: 6.512), control2: CGPoint(x: 8, y: 6.276))
        p.addLine(to: CGPoint(x: 8, y: 3.243))
        p.addLine(to: CGPoint(x: 4.402, y: 9))
        p.addLine(to: CGPoint(x: 6, y: 9))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// BoltIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val BoltIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "bolt", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(BoltIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_bolt.xml · Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.596 11.975 6.684 11.924 6.765L6.924 14.765C6.849 14.885 6.746 14.96 6.613 14.99C6.481 15.021 6.355 14.999 6.235 14.924C6.161 14.878 6.104 14.818 6.062 14.743C6.021 14.668 6 14.587 6 14.5L6 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.404 3.025 9.316 3.076 9.235L8.076 1.235C8.149 1.118 8.253 1.044 8.388 1.013C8.522 0.982 8.648 1.003 8.765 1.076C8.839 1.122 8.896 1.182 8.938 1.257C8.979 1.332 9 1.413 9 1.5L9 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144ZM6 9C6.276 9 6.512 9.098 6.707 9.293C6.902 9.488 7 9.724 7 10L7 12.757L10.598 7L9 7C8.724 7 8.488 6.902 8.293 6.707C8.098 6.512 8 6.276 8 6L8 3.243L4.402 9L6 9Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "bolt" (line-round), MIT. https://gentleface.com/icons/bolt
import 'package:flutter/widgets.dart';

class BoltIcon extends StatelessWidget {
  const BoltIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _BoltIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _BoltIconPainter extends CustomPainter {
  _BoltIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(11.856, 6.144)
      ..cubicTo(11.952, 6.241, 12, 6.359, 12, 6.5)
      ..cubicTo(12, 6.596, 11.975, 6.684, 11.924, 6.765)
      ..lineTo(6.924, 14.765)
      ..cubicTo(6.849, 14.885, 6.746, 14.96, 6.613, 14.99)
      ..cubicTo(6.481, 15.021, 6.355, 14.999, 6.235, 14.924)
      ..cubicTo(6.161, 14.878, 6.104, 14.818, 6.062, 14.743)
      ..cubicTo(6.021, 14.668, 6, 14.587, 6, 14.5)
      ..lineTo(6, 10)
      ..lineTo(3.5, 10)
      ..cubicTo(3.359, 10, 3.241, 9.952, 3.144, 9.856)
      ..cubicTo(3.048, 9.759, 3, 9.641, 3, 9.5)
      ..cubicTo(3, 9.404, 3.025, 9.316, 3.076, 9.235)
      ..lineTo(8.076, 1.235)
      ..cubicTo(8.149, 1.118, 8.253, 1.044, 8.388, 1.013)
      ..cubicTo(8.522, 0.982, 8.648, 1.003, 8.765, 1.076)
      ..cubicTo(8.839, 1.122, 8.896, 1.182, 8.938, 1.257)
      ..cubicTo(8.979, 1.332, 9, 1.413, 9, 1.5)
      ..lineTo(9, 6)
      ..lineTo(11.5, 6)
      ..cubicTo(11.641, 6, 11.759, 6.048, 11.856, 6.144)
      ..close()
      ..moveTo(6, 9)
      ..cubicTo(6.276, 9, 6.512, 9.098, 6.707, 9.293)
      ..cubicTo(6.902, 9.488, 7, 9.724, 7, 10)
      ..lineTo(7, 12.757)
      ..lineTo(10.598, 7)
      ..lineTo(9, 7)
      ..cubicTo(8.724, 7, 8.488, 6.902, 8.293, 6.707)
      ..cubicTo(8.098, 6.512, 8, 6.276, 8, 6)
      ..lineTo(8, 3.243)
      ..lineTo(4.402, 9)
      ..lineTo(6, 9)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_BoltIconPainter old) => old.color != color;
}
```
