bolt icon
bolt-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- bolt-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All bolt icons →boltBoxIcons v2 SolidboltDither IconsboltFramework7 IconsboltFont Awesome 6 SolidboltFont Awesome SolidboltFirefox OS Emojiboltcss.ggboltHeroIconsboltHuge IconsboltLine AwesomeboltSVG LogosboltLucideboltMage IconsboltMaterial SymbolsboltMaterial Symbols LightboltMaterial Design IconsboltPrime Iconsbolt-boldSolarboltTabler IconsboltWeb3 IconsboltWeb3 Icons BrandedboltUnicons
More ui icons from Reicon
Use the bolt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.67 9.914l3.062-4.143c1.979-2.678 2.969-4.017 3.892-3.734s.923 1.925.923 5.21v.31c0 1.185 0 1.777.379 2.148l.02.02c.387.363 1.003.363 2.236.363c2.22 0 3.329 0 3.704.673l.018.034c.354.683-.289 1.553-1.574 3.29l-3.062 4.144c-1.98 2.678-2.969 4.017-3.892 3.734s-.923-1.925-.923-5.21v-.31c0-1.185 0-1.777-.379-2.148l-.02-.02c-.387-.363-1.003-.363-2.236-.363c-2.22 0-3.329 0-3.703-.673l-.019-.034c-.354-.683.289-1.552 1.574-3.29"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBoltFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.67 9.914l3.062-4.143c1.979-2.678 2.969-4.017 3.892-3.734s.923 1.925.923 5.21v.31c0 1.185 0 1.777.379 2.148l.02.02c.387.363 1.003.363 2.236.363c2.22 0 3.329 0 3.704.673l.018.034c.354.683-.289 1.553-1.574 3.29l-3.062 4.144c-1.98 2.678-2.969 4.017-3.892 3.734s-.923-1.925-.923-5.21v-.31c0-1.185 0-1.777-.379-2.148l-.02-.02c-.387-.363-1.003-.363-2.236-.363c-2.22 0-3.329 0-3.703-.673l-.019-.034c-.354-.683.289-1.552 1.574-3.29"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.67 9.914l3.062-4.143c1.979-2.678 2.969-4.017 3.892-3.734s.923 1.925.923 5.21v.31c0 1.185 0 1.777.379 2.148l.02.02c.387.363 1.003.363 2.236.363c2.22 0 3.329 0 3.704.673l.018.034c.354.683-.289 1.553-1.574 3.29l-3.062 4.144c-1.98 2.678-2.969 4.017-3.892 3.734s-.923-1.925-.923-5.21v-.31c0-1.185 0-1.777-.379-2.148l-.02-.02c-.387-.363-1.003-.363-2.236-.363c-2.22 0-3.329 0-3.703-.673l-.019-.034c-.354-.683.289-1.552 1.574-3.29"/></svg> </template>
CSS
.icon-bolt-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.67%209.914l3.062-4.143c1.979-2.678%202.969-4.017%203.892-3.734s.923%201.925.923%205.21v.31c0%201.185%200%201.777.379%202.148l.02.02c.387.363%201.003.363%202.236.363c2.22%200%203.329%200%203.704.673l.018.034c.354.683-.289%201.553-1.574%203.29l-3.062%204.144c-1.98%202.678-2.969%204.017-3.892%203.734s-.923-1.925-.923-5.21v-.31c0-1.185%200-1.777-.379-2.148l-.02-.02c-.387-.363-1.003-.363-2.236-.363c-2.22%200-3.329%200-3.703-.673l-.019-.034c-.354-.683.289-1.552%201.574-3.29%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.67%209.914l3.062-4.143c1.979-2.678%202.969-4.017%203.892-3.734s.923%201.925.923%205.21v.31c0%201.185%200%201.777.379%202.148l.02.02c.387.363%201.003.363%202.236.363c2.22%200%203.329%200%203.704.673l.018.034c.354.683-.289%201.553-1.574%203.29l-3.062%204.144c-1.98%202.678-2.969%204.017-3.892%203.734s-.923-1.925-.923-5.21v-.31c0-1.185%200-1.777-.379-2.148l-.02-.02c-.387-.363-1.003-.363-2.236-.363c-2.22%200-3.329%200-3.703-.673l-.019-.034c-.354-.683.289-1.552%201.574-3.29%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bolt-filled.svg?color=%231a73e8&size=48
