lightning slash icon

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

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

5 other variants in Phosphor

lightning-slashlightning-slash-boldlightning-slash-duotonelightning-slash-filllightning-slash-light

Related icons in Phosphor

lightning-a

Use the lightning slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L86.77 88.6l-41.69 44.67a4 4 0 0 0 1.52 6.47l60.81 22.81l-15.33 76.67a4 4 0 0 0 6.84 3.51l64.83-69.46L205 218.69a4 4 0 1 0 5.92-5.38ZM102.68 227l13.24-66.2a4 4 0 0 0-2.52-4.53L55 134.36l37.17-39.82l66.18 72.79Zm8.71-158.9a4 4 0 0 1-.2-5.65l45.89-49.16a4 4 0 0 1 6.84 3.51l-15.33 76.65l60.81 22.8a4 4 0 0 1 2.49 2.84a4 4 0 0 1-1 3.64l-22.3 23.89a4 4 0 0 1-5.85-5.45L201 121.64l-58.4-21.9a4 4 0 0 1-2.52-4.52L153.32 29L117 67.89a4 4 0 0 1-5.61.19Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLightningSlashThin(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="M51 37.31a4 4 0 0 0-6 5.38L86.77 88.6l-41.69 44.67a4 4 0 0 0 1.52 6.47l60.81 22.81l-15.33 76.67a4 4 0 0 0 6.84 3.51l64.83-69.46L205 218.69a4 4 0 1 0 5.92-5.38ZM102.68 227l13.24-66.2a4 4 0 0 0-2.52-4.53L55 134.36l37.17-39.82l66.18 72.79Zm8.71-158.9a4 4 0 0 1-.2-5.65l45.89-49.16a4 4 0 0 1 6.84 3.51l-15.33 76.65l60.81 22.8a4 4 0 0 1 2.49 2.84a4 4 0 0 1-1 3.64l-22.3 23.89a4 4 0 0 1-5.85-5.45L201 121.64l-58.4-21.9a4 4 0 0 1-2.52-4.52L153.32 29L117 67.89a4 4 0 0 1-5.61.19Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L86.77 88.6l-41.69 44.67a4 4 0 0 0 1.52 6.47l60.81 22.81l-15.33 76.67a4 4 0 0 0 6.84 3.51l64.83-69.46L205 218.69a4 4 0 1 0 5.92-5.38ZM102.68 227l13.24-66.2a4 4 0 0 0-2.52-4.53L55 134.36l37.17-39.82l66.18 72.79Zm8.71-158.9a4 4 0 0 1-.2-5.65l45.89-49.16a4 4 0 0 1 6.84 3.51l-15.33 76.65l60.81 22.8a4 4 0 0 1 2.49 2.84a4 4 0 0 1-1 3.64l-22.3 23.89a4 4 0 0 1-5.85-5.45L201 121.64l-58.4-21.9a4 4 0 0 1-2.52-4.52L153.32 29L117 67.89a4 4 0 0 1-5.61.19Z"/></svg>
</template>

CSS

.icon-lightning-slash-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%22M51%2037.31a4%204%200%200%200-6%205.38L86.77%2088.6l-41.69%2044.67a4%204%200%200%200%201.52%206.47l60.81%2022.81l-15.33%2076.67a4%204%200%200%200%206.84%203.51l64.83-69.46L205%20218.69a4%204%200%201%200%205.92-5.38ZM102.68%20227l13.24-66.2a4%204%200%200%200-2.52-4.53L55%20134.36l37.17-39.82l66.18%2072.79Zm8.71-158.9a4%204%200%200%201-.2-5.65l45.89-49.16a4%204%200%200%201%206.84%203.51l-15.33%2076.65l60.81%2022.8a4%204%200%200%201%202.49%202.84a4%204%200%200%201-1%203.64l-22.3%2023.89a4%204%200%200%201-5.85-5.45L201%20121.64l-58.4-21.9a4%204%200%200%201-2.52-4.52L153.32%2029L117%2067.89a4%204%200%200%201-5.61.19Z%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%22M51%2037.31a4%204%200%200%200-6%205.38L86.77%2088.6l-41.69%2044.67a4%204%200%200%200%201.52%206.47l60.81%2022.81l-15.33%2076.67a4%204%200%200%200%206.84%203.51l64.83-69.46L205%20218.69a4%204%200%201%200%205.92-5.38ZM102.68%20227l13.24-66.2a4%204%200%200%200-2.52-4.53L55%20134.36l37.17-39.82l66.18%2072.79Zm8.71-158.9a4%204%200%200%201-.2-5.65l45.89-49.16a4%204%200%200%201%206.84%203.51l-15.33%2076.65l60.81%2022.8a4%204%200%200%201%202.49%202.84a4%204%200%200%201-1%203.64l-22.3%2023.89a4%204%200%200%201-5.85-5.45L201%20121.64l-58.4-21.9a4%204%200%200%201-2.52-4.52L153.32%2029L117%2067.89a4%204%200%200%201-5.61.19Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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