electric tower 01 icon

electric-tower-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
electric-tower-01
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

Use the electric tower 01 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m9 6l.4 2.214c.066.434.026.875-.119 1.296L5 22M15 6l-.4 2.214c-.066.434-.026.875.119 1.296L19 22"/><path stroke-linecap="round" stroke-linejoin="round" d="m3 11l.324-1.08c.087-.29.13-.435.229-.557c.098-.121.244-.21.535-.386L8.474 6.32c.26-.158.391-.237.542-.278C9.166 6 9.328 6 9.65 6h4.7c.322 0 .483 0 .634.04c.15.042.281.12.542.279l4.386 2.658c.291.176.437.265.535.386c.098.122.142.267.23.558L21 11M3 22h18M4 9h15.5"/><path stroke-linecap="round" stroke-linejoin="round" d="m9.5 10l6.5 4.5L5 22"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.5 10L8 14.5L19 22"/><path d="m9 6l1.4-2.24C11.133 2.587 11.5 2 12 2s.867.587 1.6 1.76L15 6"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsElectricTower01(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="m9 6l.4 2.214c.066.434.026.875-.119 1.296L5 22M15 6l-.4 2.214c-.066.434-.026.875.119 1.296L19 22"/><path strokeLinecap="round" strokeLinejoin="round" d="m3 11l.324-1.08c.087-.29.13-.435.229-.557c.098-.121.244-.21.535-.386L8.474 6.32c.26-.158.391-.237.542-.278C9.166 6 9.328 6 9.65 6h4.7c.322 0 .483 0 .634.04c.15.042.281.12.542.279l4.386 2.658c.291.176.437.265.535.386c.098.122.142.267.23.558L21 11M3 22h18M4 9h15.5"/><path strokeLinecap="round" strokeLinejoin="round" d="m9.5 10l6.5 4.5L5 22"/><path strokeLinecap="round" strokeLinejoin="round" d="M14.5 10L8 14.5L19 22"/><path d="m9 6l1.4-2.24C11.133 2.587 11.5 2 12 2s.867.587 1.6 1.76L15 6"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m9 6l.4 2.214c.066.434.026.875-.119 1.296L5 22M15 6l-.4 2.214c-.066.434-.026.875.119 1.296L19 22"/><path stroke-linecap="round" stroke-linejoin="round" d="m3 11l.324-1.08c.087-.29.13-.435.229-.557c.098-.121.244-.21.535-.386L8.474 6.32c.26-.158.391-.237.542-.278C9.166 6 9.328 6 9.65 6h4.7c.322 0 .483 0 .634.04c.15.042.281.12.542.279l4.386 2.658c.291.176.437.265.535.386c.098.122.142.267.23.558L21 11M3 22h18M4 9h15.5"/><path stroke-linecap="round" stroke-linejoin="round" d="m9.5 10l6.5 4.5L5 22"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.5 10L8 14.5L19 22"/><path d="m9 6l1.4-2.24C11.133 2.587 11.5 2 12 2s.867.587 1.6 1.76L15 6"/></g></svg>
</template>

CSS

.icon-electric-tower-01 {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%206l.4%202.214c.066.434.026.875-.119%201.296L5%2022M15%206l-.4%202.214c-.066.434-.026.875.119%201.296L19%2022%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3%2011l.324-1.08c.087-.29.13-.435.229-.557c.098-.121.244-.21.535-.386L8.474%206.32c.26-.158.391-.237.542-.278C9.166%206%209.328%206%209.65%206h4.7c.322%200%20.483%200%20.634.04c.15.042.281.12.542.279l4.386%202.658c.291.176.437.265.535.386c.098.122.142.267.23.558L21%2011M3%2022h18M4%209h15.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9.5%2010l6.5%204.5L5%2022%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%2010L8%2014.5L19%2022%22%2F%3E%3Cpath%20d%3D%22m9%206l1.4-2.24C11.133%202.587%2011.5%202%2012%202s.867.587%201.6%201.76L15%206%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%206l.4%202.214c.066.434.026.875-.119%201.296L5%2022M15%206l-.4%202.214c-.066.434-.026.875.119%201.296L19%2022%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3%2011l.324-1.08c.087-.29.13-.435.229-.557c.098-.121.244-.21.535-.386L8.474%206.32c.26-.158.391-.237.542-.278C9.166%206%209.328%206%209.65%206h4.7c.322%200%20.483%200%20.634.04c.15.042.281.12.542.279l4.386%202.658c.291.176.437.265.535.386c.098.122.142.267.23.558L21%2011M3%2022h18M4%209h15.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9.5%2010l6.5%204.5L5%2022%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%2010L8%2014.5L19%2022%22%2F%3E%3Cpath%20d%3D%22m9%206l1.4-2.24C11.133%202.587%2011.5%202%2012%202s.867.587%201.6%201.76L15%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/electric-tower-01.svg?color=%231a73e8&size=48