bolt icon

bolt from Font Awesome Solid by Dave Gandy · Solid · Images · CC-BY-4.0 Attribution required.

Name
bolt
Set
Font Awesome Solid
Style
Solid
Category
Images
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

boltBoxIcons v2 SolidboltFramework7 IconsboltFont Awesome 6 SolidboltFirefox OS Emojiboltcss.ggboltHeroIconsboltHuge IconsboltLine AwesomeboltSVG LogosboltLucideboltMage IconsboltMaterial SymbolsboltMaterial Symbols LightboltMaterial Design IconsboltPrime Iconsbolt-boldSolarboltTabler IconsboltWeb3 IconsboltWeb3 Icons BrandedboltUnicons

More images icons from Font Awesome Solid

cameracamera-retroid-badgeid-cardimageimagesportraitsliders-hbolt-lightning

Use the bolt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M434.8 54.1c11.9 8.6 16.3 24.2 10.9 37.8L367.3 288H512c13.5 0 25.5 8.4 30.1 21.1s.7 26.9-9.6 35.5l-288 240c-11.3 9.4-27.4 9.9-39.3 1.3s-16.3-24.2-10.9-37.8L272.7 352H128c-13.5 0-25.5-8.4-30.1-21.1s-.7-26.9 9.6-35.5l288-240c11.3-9.4 27.4-9.9 39.3-1.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidBolt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M434.8 54.1c11.9 8.6 16.3 24.2 10.9 37.8L367.3 288H512c13.5 0 25.5 8.4 30.1 21.1s.7 26.9-9.6 35.5l-288 240c-11.3 9.4-27.4 9.9-39.3 1.3s-16.3-24.2-10.9-37.8L272.7 352H128c-13.5 0-25.5-8.4-30.1-21.1s-.7-26.9 9.6-35.5l288-240c11.3-9.4 27.4-9.9 39.3-1.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M434.8 54.1c11.9 8.6 16.3 24.2 10.9 37.8L367.3 288H512c13.5 0 25.5 8.4 30.1 21.1s.7 26.9-9.6 35.5l-288 240c-11.3 9.4-27.4 9.9-39.3 1.3s-16.3-24.2-10.9-37.8L272.7 352H128c-13.5 0-25.5-8.4-30.1-21.1s-.7-26.9 9.6-35.5l288-240c11.3-9.4 27.4-9.9 39.3-1.3"/></svg>
</template>

CSS

.icon-bolt {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M434.8%2054.1c11.9%208.6%2016.3%2024.2%2010.9%2037.8L367.3%20288H512c13.5%200%2025.5%208.4%2030.1%2021.1s.7%2026.9-9.6%2035.5l-288%20240c-11.3%209.4-27.4%209.9-39.3%201.3s-16.3-24.2-10.9-37.8L272.7%20352H128c-13.5%200-25.5-8.4-30.1-21.1s-.7-26.9%209.6-35.5l288-240c11.3-9.4%2027.4-9.9%2039.3-1.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M434.8%2054.1c11.9%208.6%2016.3%2024.2%2010.9%2037.8L367.3%20288H512c13.5%200%2025.5%208.4%2030.1%2021.1s.7%2026.9-9.6%2035.5l-288%20240c-11.3%209.4-27.4%209.9-39.3%201.3s-16.3-24.2-10.9-37.8L272.7%20352H128c-13.5%200-25.5-8.4-30.1-21.1s-.7-26.9%209.6-35.5l288-240c11.3-9.4%2027.4-9.9%2039.3-1.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/bolt.svg?color=%231a73e8&size=48