bolt slash icon

bolt-slash from Reicon by REICON · Outline · Nature · MIT Free for personal and commercial use.

Name: bolt-slash
Set: Reicon
Style: Outline
Category: Nature
Viewbox: 24×24
License: MIT

1 other variant in Reicon

The same icon in other sets

bolt-slashFramework7 Icons bolt-slashHeroIcons bolt-slashUnicons

More nature icons from Reicon

bolt-off bonfire cloud-connect cloud-down cloud-up droplet fire fire-square fire2 flame leaf suitcase suitcase-tag suitcase2 bolt-circle bolt-lightning

Use the bolt slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.084 18.573l-.165 2.778a.288.288 0 0 0 .518.19L19.934 10.2a.333.333 0 0 0-.036-.441m-5.565-.092h-1.668l.416-7.018c.017-.285-.347-.418-.518-.19L4.066 13.8a.333.333 0 0 0 .267.533h5.334m-7 7L21.333 2.667"/></svg>

React

import type { SVGProps } from "react";

export function ReiconBoltSlash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m11.084 18.573l-.165 2.778a.288.288 0 0 0 .518.19L19.934 10.2a.333.333 0 0 0-.036-.441m-5.565-.092h-1.668l.416-7.018c.017-.285-.347-.418-.518-.19L4.066 13.8a.333.333 0 0 0 .267.533h5.334m-7 7L21.333 2.667"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.084 18.573l-.165 2.778a.288.288 0 0 0 .518.19L19.934 10.2a.333.333 0 0 0-.036-.441m-5.565-.092h-1.668l.416-7.018c.017-.285-.347-.418-.518-.19L4.066 13.8a.333.333 0 0 0 .267.533h5.334m-7 7L21.333 2.667"/></svg>
</template>

CSS

.icon-bolt-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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.084%2018.573l-.165%202.778a.288.288%200%200%200%20.518.19L19.934%2010.2a.333.333%200%200%200-.036-.441m-5.565-.092h-1.668l.416-7.018c.017-.285-.347-.418-.518-.19L4.066%2013.8a.333.333%200%200%200%20.267.533h5.334m-7%207L21.333%202.667%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.084%2018.573l-.165%202.778a.288.288%200%200%200%20.518.19L19.934%2010.2a.333.333%200%200%200-.036-.441m-5.565-.092h-1.668l.416-7.018c.017-.285-.347-.418-.518-.19L4.066%2013.8a.333.333%200%200%200%20.267.533h5.334m-7%207L21.333%202.667%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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