lightning icon
lightning from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- lightning
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All lightning icons →More devices icons from Reicon
Use the lightning icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m2.35 7.45a.75.75 0 1 0-1.2-.9l-1.5 2a.75.75 0 0 0 .6 1.2H12l-.6.8a.75.75 0 1 0 1.2.9l1.5-2a.75.75 0 0 0-.6-1.2H12z"/><path fill-rule="evenodd" d="M11.962 1.25c-.67 0-1.229 0-1.681.046c-.473.048-.913.153-1.309.417a2.8 2.8 0 0 0-.759.76c-.264.395-.369.835-.417 1.308c-.046.452-.046 1.011-.046 1.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733 1.145-.832 1.874c-.095.695-.095 1.573-.095 2.641v2.654c0 1.068 0 1.946.095 2.64c.1.73.316 1.367.832 1.875c.514.507 1.156.718 1.891.815c.703.093 1.593.093 2.68.093h.502V22a.75.75 0 0 0 1.5 0v-1.25h.503c1.086 0 1.976 0 2.679-.093c.735-.097 1.377-.308 1.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068 0-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67 0-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8 2.8 0 0 0-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788 6.012V5.5c0-.718 0-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3 1.3 0 0 0-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718 0-1.2 0-1.567.038c-.355.036-.519.1-.627.173a1.3 1.3 0 0 0-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038 1.567v1.762c.45-.012.948-.012 1.497-.012h2.506c.549 0 1.047 0 1.497.012m.985 11.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152 0-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321 1.036-.397c.593-.078 1.383-.08 2.535-.08h2.4c1.152 0 1.942.002 2.535.08c.573.076.847.211 1.036.397c.187.184.322.45.398 1.008c.08.581.081 1.357.081 2.492v2.546c0 1.136-.002 1.91-.081 2.492c-.076.558-.211.824-.398 1.008c-.189.186-.463.321-1.036.397" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconLightning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m2.35 7.45a.75.75 0 1 0-1.2-.9l-1.5 2a.75.75 0 0 0 .6 1.2H12l-.6.8a.75.75 0 1 0 1.2.9l1.5-2a.75.75 0 0 0-.6-1.2H12z"/><path fillRule="evenodd" d="M11.962 1.25c-.67 0-1.229 0-1.681.046c-.473.048-.913.153-1.309.417a2.8 2.8 0 0 0-.759.76c-.264.395-.369.835-.417 1.308c-.046.452-.046 1.011-.046 1.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733 1.145-.832 1.874c-.095.695-.095 1.573-.095 2.641v2.654c0 1.068 0 1.946.095 2.64c.1.73.316 1.367.832 1.875c.514.507 1.156.718 1.891.815c.703.093 1.593.093 2.68.093h.502V22a.75.75 0 0 0 1.5 0v-1.25h.503c1.086 0 1.976 0 2.679-.093c.735-.097 1.377-.308 1.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068 0-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67 0-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8 2.8 0 0 0-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788 6.012V5.5c0-.718 0-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3 1.3 0 0 0-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718 0-1.2 0-1.567.038c-.355.036-.519.1-.627.173a1.3 1.3 0 0 0-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038 1.567v1.762c.45-.012.948-.012 1.497-.012h2.506c.549 0 1.047 0 1.497.012m.985 11.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152 0-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321 1.036-.397c.593-.078 1.383-.08 2.535-.08h2.4c1.152 0 1.942.002 2.535.08c.573.076.847.211 1.036.397c.187.184.322.45.398 1.008c.08.581.081 1.357.081 2.492v2.546c0 1.136-.002 1.91-.081 2.492c-.076.558-.211.824-.398 1.008c-.189.186-.463.321-1.036.397" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m2.35 7.45a.75.75 0 1 0-1.2-.9l-1.5 2a.75.75 0 0 0 .6 1.2H12l-.6.8a.75.75 0 1 0 1.2.9l1.5-2a.75.75 0 0 0-.6-1.2H12z"/><path fill-rule="evenodd" d="M11.962 1.25c-.67 0-1.229 0-1.681.046c-.473.048-.913.153-1.309.417a2.8 2.8 0 0 0-.759.76c-.264.395-.369.835-.417 1.308c-.046.452-.046 1.011-.046 1.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733 1.145-.832 1.874c-.095.695-.095 1.573-.095 2.641v2.654c0 1.068 0 1.946.095 2.64c.1.73.316 1.367.832 1.875c.514.507 1.156.718 1.891.815c.703.093 1.593.093 2.68.093h.502V22a.75.75 0 0 0 1.5 0v-1.25h.503c1.086 0 1.976 0 2.679-.093c.735-.097 1.377-.308 1.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068 0-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67 0-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8 2.8 0 0 0-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788 6.012V5.5c0-.718 0-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3 1.3 0 0 0-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718 0-1.2 0-1.567.038c-.355.036-.519.1-.627.173a1.3 1.3 0 0 0-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038 1.567v1.762c.45-.012.948-.012 1.497-.012h2.506c.549 0 1.047 0 1.497.012m.985 11.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152 0-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321 1.036-.397c.593-.078 1.383-.08 2.535-.08h2.4c1.152 0 1.942.002 2.535.08c.573.076.847.211 1.036.397c.187.184.322.45.398 1.008c.08.581.081 1.357.081 2.492v2.546c0 1.136-.002 1.91-.081 2.492c-.076.558-.211.824-.398 1.008c-.189.186-.463.321-1.036.397" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-lightning {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.25%205a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75m2.35%207.45a.75.75%200%201%200-1.2-.9l-1.5%202a.75.75%200%200%200%20.6%201.2H12l-.6.8a.75.75%200%201%200%201.2.9l1.5-2a.75.75%200%200%200-.6-1.2H12z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.962%201.25c-.67%200-1.229%200-1.681.046c-.473.048-.913.153-1.309.417a2.8%202.8%200%200%200-.759.76c-.264.395-.369.835-.417%201.308c-.046.452-.046%201.011-.046%201.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733%201.145-.832%201.874c-.095.695-.095%201.573-.095%202.641v2.654c0%201.068%200%201.946.095%202.64c.1.73.316%201.367.832%201.875c.514.507%201.156.718%201.891.815c.703.093%201.593.093%202.68.093h.502V22a.75.75%200%200%200%201.5%200v-1.25h.503c1.086%200%201.976%200%202.679-.093c.735-.097%201.377-.308%201.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068%200-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67%200-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8%202.8%200%200%200-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788%206.012V5.5c0-.718%200-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3%201.3%200%200%200-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718%200-1.2%200-1.567.038c-.355.036-.519.1-.627.173a1.3%201.3%200%200%200-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038%201.567v1.762c.45-.012.948-.012%201.497-.012h2.506c.549%200%201.047%200%201.497.012m.985%2011.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152%200-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321%201.036-.397c.593-.078%201.383-.08%202.535-.08h2.4c1.152%200%201.942.002%202.535.08c.573.076.847.211%201.036.397c.187.184.322.45.398%201.008c.08.581.081%201.357.081%202.492v2.546c0%201.136-.002%201.91-.081%202.492c-.076.558-.211.824-.398%201.008c-.189.186-.463.321-1.036.397%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.25%205a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75m2.35%207.45a.75.75%200%201%200-1.2-.9l-1.5%202a.75.75%200%200%200%20.6%201.2H12l-.6.8a.75.75%200%201%200%201.2.9l1.5-2a.75.75%200%200%200-.6-1.2H12z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.962%201.25c-.67%200-1.229%200-1.681.046c-.473.048-.913.153-1.309.417a2.8%202.8%200%200%200-.759.76c-.264.395-.369.835-.417%201.308c-.046.452-.046%201.011-.046%201.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733%201.145-.832%201.874c-.095.695-.095%201.573-.095%202.641v2.654c0%201.068%200%201.946.095%202.64c.1.73.316%201.367.832%201.875c.514.507%201.156.718%201.891.815c.703.093%201.593.093%202.68.093h.502V22a.75.75%200%200%200%201.5%200v-1.25h.503c1.086%200%201.976%200%202.679-.093c.735-.097%201.377-.308%201.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068%200-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67%200-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8%202.8%200%200%200-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788%206.012V5.5c0-.718%200-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3%201.3%200%200%200-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718%200-1.2%200-1.567.038c-.355.036-.519.1-.627.173a1.3%201.3%200%200%200-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038%201.567v1.762c.45-.012.948-.012%201.497-.012h2.506c.549%200%201.047%200%201.497.012m.985%2011.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152%200-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321%201.036-.397c.593-.078%201.383-.08%202.535-.08h2.4c1.152%200%201.942.002%202.535.08c.573.076.847.211%201.036.397c.187.184.322.45.398%201.008c.08.581.081%201.357.081%202.492v2.546c0%201.136-.002%201.91-.081%202.492c-.076.558-.211.824-.398%201.008c-.189.186-.463.321-1.036.397%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/lightning.svg?color=%231a73e8&size=48
