lightning a icon

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

Name: lightning-a-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

lightning-a lightning-a-bold lightning-a-duotone lightning-a-fill lightning-a-light

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="M171.92 112.34a4 4 0 0 0-2.28-2.85l-53-23.78l14.43-60.79a4 4 0 0 0-6.83-3.64L29.06 124.14a4 4 0 0 0 1.3 6.37l53 23.78l-14.45 60.78a4 4 0 0 0 2 4.46a3.94 3.94 0 0 0 1.88.47a4 4 0 0 0 2.94-1.28l95.2-102.86a4 4 0 0 0 .99-3.52M80.21 202.1l11.68-49.18a4 4 0 0 0-2.25-4.57l-50.92-22.86l81.07-87.59l-11.68 49.18a4 4 0 0 0 2.25 4.57l50.92 22.86Zm155.37 12.11l-36-72a4 4 0 0 0-7.16 0l-36 72a4 4 0 1 0 7.16 3.58L174.47 196h43.06l10.89 21.79A4 4 0 0 0 232 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M178.47 188L196 152.94L213.53 188Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLightningAThin(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="M171.92 112.34a4 4 0 0 0-2.28-2.85l-53-23.78l14.43-60.79a4 4 0 0 0-6.83-3.64L29.06 124.14a4 4 0 0 0 1.3 6.37l53 23.78l-14.45 60.78a4 4 0 0 0 2 4.46a3.94 3.94 0 0 0 1.88.47a4 4 0 0 0 2.94-1.28l95.2-102.86a4 4 0 0 0 .99-3.52M80.21 202.1l11.68-49.18a4 4 0 0 0-2.25-4.57l-50.92-22.86l81.07-87.59l-11.68 49.18a4 4 0 0 0 2.25 4.57l50.92 22.86Zm155.37 12.11l-36-72a4 4 0 0 0-7.16 0l-36 72a4 4 0 1 0 7.16 3.58L174.47 196h43.06l10.89 21.79A4 4 0 0 0 232 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M178.47 188L196 152.94L213.53 188Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.92 112.34a4 4 0 0 0-2.28-2.85l-53-23.78l14.43-60.79a4 4 0 0 0-6.83-3.64L29.06 124.14a4 4 0 0 0 1.3 6.37l53 23.78l-14.45 60.78a4 4 0 0 0 2 4.46a3.94 3.94 0 0 0 1.88.47a4 4 0 0 0 2.94-1.28l95.2-102.86a4 4 0 0 0 .99-3.52M80.21 202.1l11.68-49.18a4 4 0 0 0-2.25-4.57l-50.92-22.86l81.07-87.59l-11.68 49.18a4 4 0 0 0 2.25 4.57l50.92 22.86Zm155.37 12.11l-36-72a4 4 0 0 0-7.16 0l-36 72a4 4 0 1 0 7.16 3.58L174.47 196h43.06l10.89 21.79A4 4 0 0 0 232 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M178.47 188L196 152.94L213.53 188Z"/></svg>
</template>

CSS

.icon-lightning-a-thin {
  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%22M171.92%20112.34a4%204%200%200%200-2.28-2.85l-53-23.78l14.43-60.79a4%204%200%200%200-6.83-3.64L29.06%20124.14a4%204%200%200%200%201.3%206.37l53%2023.78l-14.45%2060.78a4%204%200%200%200%202%204.46a3.94%203.94%200%200%200%201.88.47a4%204%200%200%200%202.94-1.28l95.2-102.86a4%204%200%200%200%20.99-3.52M80.21%20202.1l11.68-49.18a4%204%200%200%200-2.25-4.57l-50.92-22.86l81.07-87.59l-11.68%2049.18a4%204%200%200%200%202.25%204.57l50.92%2022.86Zm155.37%2012.11l-36-72a4%204%200%200%200-7.16%200l-36%2072a4%204%200%201%200%207.16%203.58L174.47%20196h43.06l10.89%2021.79A4%204%200%200%200%20232%20220a4.1%204.1%200%200%200%201.79-.42a4%204%200%200%200%201.79-5.37M178.47%20188L196%20152.94L213.53%20188Z%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%22M171.92%20112.34a4%204%200%200%200-2.28-2.85l-53-23.78l14.43-60.79a4%204%200%200%200-6.83-3.64L29.06%20124.14a4%204%200%200%200%201.3%206.37l53%2023.78l-14.45%2060.78a4%204%200%200%200%202%204.46a3.94%203.94%200%200%200%201.88.47a4%204%200%200%200%202.94-1.28l95.2-102.86a4%204%200%200%200%20.99-3.52M80.21%20202.1l11.68-49.18a4%204%200%200%200-2.25-4.57l-50.92-22.86l81.07-87.59l-11.68%2049.18a4%204%200%200%200%202.25%204.57l50.92%2022.86Zm155.37%2012.11l-36-72a4%204%200%200%200-7.16%200l-36%2072a4%204%200%201%200%207.16%203.58L174.47%20196h43.06l10.89%2021.79A4%204%200%200%200%20232%20220a4.1%204.1%200%200%200%201.79-.42a4%204%200%200%200%201.79-5.37M178.47%20188L196%20152.94L213.53%20188Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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