lightning a icon

lightning-a-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: lightning-a-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

lightning-a lightning-a-duotone lightning-a-fill lightning-a-light lightning-a-thin

Related icons in Phosphor

Use the lightning a icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M179.76 110.75a12 12 0 0 0-6.85-8.56L126 81.12l12.9-54.35a12 12 0 0 0-20.48-10.92L23.19 118.7a12 12 0 0 0 3.89 19.1l47 21.08l-12.96 54.34a12 12 0 0 0 20.49 10.93l95.19-102.86a12 12 0 0 0 2.96-10.54M95 174.31l4.64-19.54a12 12 0 0 0-6.76-13.72l-40.76-18.3L105 65.69l-4.64 19.54A12 12 0 0 0 107.08 99l40.77 18.3Zm147.7 36.32l-36-72a12 12 0 0 0-21.47 0l-36 72a12 12 0 1 0 21.46 10.73l4.68-9.36h41.17l4.68 9.36a12 12 0 1 0 21.47-10.73ZM187.41 188l8.59-17.17l8.58 17.17Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLightningABold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M179.76 110.75a12 12 0 0 0-6.85-8.56L126 81.12l12.9-54.35a12 12 0 0 0-20.48-10.92L23.19 118.7a12 12 0 0 0 3.89 19.1l47 21.08l-12.96 54.34a12 12 0 0 0 20.49 10.93l95.19-102.86a12 12 0 0 0 2.96-10.54M95 174.31l4.64-19.54a12 12 0 0 0-6.76-13.72l-40.76-18.3L105 65.69l-4.64 19.54A12 12 0 0 0 107.08 99l40.77 18.3Zm147.7 36.32l-36-72a12 12 0 0 0-21.47 0l-36 72a12 12 0 1 0 21.46 10.73l4.68-9.36h41.17l4.68 9.36a12 12 0 1 0 21.47-10.73ZM187.41 188l8.59-17.17l8.58 17.17Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M179.76 110.75a12 12 0 0 0-6.85-8.56L126 81.12l12.9-54.35a12 12 0 0 0-20.48-10.92L23.19 118.7a12 12 0 0 0 3.89 19.1l47 21.08l-12.96 54.34a12 12 0 0 0 20.49 10.93l95.19-102.86a12 12 0 0 0 2.96-10.54M95 174.31l4.64-19.54a12 12 0 0 0-6.76-13.72l-40.76-18.3L105 65.69l-4.64 19.54A12 12 0 0 0 107.08 99l40.77 18.3Zm147.7 36.32l-36-72a12 12 0 0 0-21.47 0l-36 72a12 12 0 1 0 21.46 10.73l4.68-9.36h41.17l4.68 9.36a12 12 0 1 0 21.47-10.73ZM187.41 188l8.59-17.17l8.58 17.17Z"/></svg>
</template>

CSS

.icon-lightning-a-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M179.76%20110.75a12%2012%200%200%200-6.85-8.56L126%2081.12l12.9-54.35a12%2012%200%200%200-20.48-10.92L23.19%20118.7a12%2012%200%200%200%203.89%2019.1l47%2021.08l-12.96%2054.34a12%2012%200%200%200%2020.49%2010.93l95.19-102.86a12%2012%200%200%200%202.96-10.54M95%20174.31l4.64-19.54a12%2012%200%200%200-6.76-13.72l-40.76-18.3L105%2065.69l-4.64%2019.54A12%2012%200%200%200%20107.08%2099l40.77%2018.3Zm147.7%2036.32l-36-72a12%2012%200%200%200-21.47%200l-36%2072a12%2012%200%201%200%2021.46%2010.73l4.68-9.36h41.17l4.68%209.36a12%2012%200%201%200%2021.47-10.73ZM187.41%20188l8.59-17.17l8.58%2017.17Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M179.76%20110.75a12%2012%200%200%200-6.85-8.56L126%2081.12l12.9-54.35a12%2012%200%200%200-20.48-10.92L23.19%20118.7a12%2012%200%200%200%203.89%2019.1l47%2021.08l-12.96%2054.34a12%2012%200%200%200%2020.49%2010.93l95.19-102.86a12%2012%200%200%200%202.96-10.54M95%20174.31l4.64-19.54a12%2012%200%200%200-6.76-13.72l-40.76-18.3L105%2065.69l-4.64%2019.54A12%2012%200%200%200%20107.08%2099l40.77%2018.3Zm147.7%2036.32l-36-72a12%2012%200%200%200-21.47%200l-36%2072a12%2012%200%201%200%2021.46%2010.73l4.68-9.36h41.17l4.68%209.36a12%2012%200%201%200%2021.47-10.73ZM187.41%20188l8.59-17.17l8.58%2017.17Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/lightning-a-bold.svg?color=%231a73e8&size=48