lightning slash icon

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

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

5 other variants in Phosphor

lightning-slash-boldlightning-slash-duotonelightning-slash-filllightning-slash-lightlightning-slash-thin

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="M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-39.18 42a8 8 0 0 0 3 13l57.63 21.61l-14.62 73.26a8 8 0 0 0 13.69 7l61.86-66.28l38.37 42.2a8 8 0 1 0 11.84-10.76ZM109.37 214l10.47-52.38a8 8 0 0 0-5-9.06L62 132.71l30.12-32.27l60.78 66.86Zm-.71-143a8 8 0 0 1-.39-11.31l45.88-49.16a8 8 0 0 1 13.69 7L153.18 90.9l57.63 21.61a8 8 0 0 1 3 12.95l-22.3 23.89a8 8 0 0 1-11.7-10.91L194 123.29l-52.8-19.8a8 8 0 0 1-5-9.06l10.47-52.38L120 70.62a8 8 0 0 1-11.34.38"/></svg>

React

import type { SVGProps } from "react";

export function PhLightningSlash(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="M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-39.18 42a8 8 0 0 0 3 13l57.63 21.61l-14.62 73.26a8 8 0 0 0 13.69 7l61.86-66.28l38.37 42.2a8 8 0 1 0 11.84-10.76ZM109.37 214l10.47-52.38a8 8 0 0 0-5-9.06L62 132.71l30.12-32.27l60.78 66.86Zm-.71-143a8 8 0 0 1-.39-11.31l45.88-49.16a8 8 0 0 1 13.69 7L153.18 90.9l57.63 21.61a8 8 0 0 1 3 12.95l-22.3 23.89a8 8 0 0 1-11.7-10.91L194 123.29l-52.8-19.8a8 8 0 0 1-5-9.06l10.47-52.38L120 70.62a8 8 0 0 1-11.34.38"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-39.18 42a8 8 0 0 0 3 13l57.63 21.61l-14.62 73.26a8 8 0 0 0 13.69 7l61.86-66.28l38.37 42.2a8 8 0 1 0 11.84-10.76ZM109.37 214l10.47-52.38a8 8 0 0 0-5-9.06L62 132.71l30.12-32.27l60.78 66.86Zm-.71-143a8 8 0 0 1-.39-11.31l45.88-49.16a8 8 0 0 1 13.69 7L153.18 90.9l57.63 21.61a8 8 0 0 1 3 12.95l-22.3 23.89a8 8 0 0 1-11.7-10.91L194 123.29l-52.8-19.8a8 8 0 0 1-5-9.06l10.47-52.38L120 70.62a8 8 0 0 1-11.34.38"/></svg>
</template>

CSS

.icon-lightning-slash {
  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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l39.25%2043.18l-39.18%2042a8%208%200%200%200%203%2013l57.63%2021.61l-14.62%2073.26a8%208%200%200%200%2013.69%207l61.86-66.28l38.37%2042.2a8%208%200%201%200%2011.84-10.76ZM109.37%20214l10.47-52.38a8%208%200%200%200-5-9.06L62%20132.71l30.12-32.27l60.78%2066.86Zm-.71-143a8%208%200%200%201-.39-11.31l45.88-49.16a8%208%200%200%201%2013.69%207L153.18%2090.9l57.63%2021.61a8%208%200%200%201%203%2012.95l-22.3%2023.89a8%208%200%200%201-11.7-10.91L194%20123.29l-52.8-19.8a8%208%200%200%201-5-9.06l10.47-52.38L120%2070.62a8%208%200%200%201-11.34.38%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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l39.25%2043.18l-39.18%2042a8%208%200%200%200%203%2013l57.63%2021.61l-14.62%2073.26a8%208%200%200%200%2013.69%207l61.86-66.28l38.37%2042.2a8%208%200%201%200%2011.84-10.76ZM109.37%20214l10.47-52.38a8%208%200%200%200-5-9.06L62%20132.71l30.12-32.27l60.78%2066.86Zm-.71-143a8%208%200%200%201-.39-11.31l45.88-49.16a8%208%200%200%201%2013.69%207L153.18%2090.9l57.63%2021.61a8%208%200%200%201%203%2012.95l-22.3%2023.89a8%208%200%200%201-11.7-10.91L194%20123.29l-52.8-19.8a8%208%200%200%201-5-9.06l10.47-52.38L120%2070.62a8%208%200%200%201-11.34.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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