lightning a icon
lightning-a-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- lightning-a-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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="m173.87 118.58l-95.2 102.85A8 8 0 0 1 65 214.15l13.67-57.56l-50-22.44a8 8 0 0 1-2.59-12.73l95.2-102.85A8 8 0 0 1 135 25.85l-13.69 57.56l50 22.43a8 8 0 0 1 2.59 12.74Zm61.71 104.57a7.9 7.9 0 0 1-3.58.85a8 8 0 0 1-7.16-4.42L215.05 200h-38.11l-9.79 19.58a8 8 0 0 1-14.31-7.16l36-72a8 8 0 0 1 14.31 0l36 72a8 8 0 0 1-3.57 10.73M207.05 184L196 161.89L184.94 184Z"/></svg>
React
import type { SVGProps } from "react";
export function PhLightningAFill(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="m173.87 118.58l-95.2 102.85A8 8 0 0 1 65 214.15l13.67-57.56l-50-22.44a8 8 0 0 1-2.59-12.73l95.2-102.85A8 8 0 0 1 135 25.85l-13.69 57.56l50 22.43a8 8 0 0 1 2.59 12.74Zm61.71 104.57a7.9 7.9 0 0 1-3.58.85a8 8 0 0 1-7.16-4.42L215.05 200h-38.11l-9.79 19.58a8 8 0 0 1-14.31-7.16l36-72a8 8 0 0 1 14.31 0l36 72a8 8 0 0 1-3.57 10.73M207.05 184L196 161.89L184.94 184Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m173.87 118.58l-95.2 102.85A8 8 0 0 1 65 214.15l13.67-57.56l-50-22.44a8 8 0 0 1-2.59-12.73l95.2-102.85A8 8 0 0 1 135 25.85l-13.69 57.56l50 22.43a8 8 0 0 1 2.59 12.74Zm61.71 104.57a7.9 7.9 0 0 1-3.58.85a8 8 0 0 1-7.16-4.42L215.05 200h-38.11l-9.79 19.58a8 8 0 0 1-14.31-7.16l36-72a8 8 0 0 1 14.31 0l36 72a8 8 0 0 1-3.57 10.73M207.05 184L196 161.89L184.94 184Z"/></svg> </template>
CSS
.icon-lightning-a-fill {
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%22m173.87%20118.58l-95.2%20102.85A8%208%200%200%201%2065%20214.15l13.67-57.56l-50-22.44a8%208%200%200%201-2.59-12.73l95.2-102.85A8%208%200%200%201%20135%2025.85l-13.69%2057.56l50%2022.43a8%208%200%200%201%202.59%2012.74Zm61.71%20104.57a7.9%207.9%200%200%201-3.58.85a8%208%200%200%201-7.16-4.42L215.05%20200h-38.11l-9.79%2019.58a8%208%200%200%201-14.31-7.16l36-72a8%208%200%200%201%2014.31%200l36%2072a8%208%200%200%201-3.57%2010.73M207.05%20184L196%20161.89L184.94%20184Z%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%22m173.87%20118.58l-95.2%20102.85A8%208%200%200%201%2065%20214.15l13.67-57.56l-50-22.44a8%208%200%200%201-2.59-12.73l95.2-102.85A8%208%200%200%201%20135%2025.85l-13.69%2057.56l50%2022.43a8%208%200%200%201%202.59%2012.74Zm61.71%20104.57a7.9%207.9%200%200%201-3.58.85a8%208%200%200%201-7.16-4.42L215.05%20200h-38.11l-9.79%2019.58a8%208%200%200%201-14.31-7.16l36-72a8%208%200%200%201%2014.31%200l36%2072a8%208%200%200%201-3.57%2010.73M207.05%20184L196%20161.89L184.94%20184Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/lightning-a-fill.svg?color=%231a73e8&size=48
