gentleface

Gentleface › Buildings › utility-pole

utility-pole icon

Utility pole: utility pole, power line, electricity grid, power grid. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 3L10 3L10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1C10.641 1 10.759 1.048 10.856 1.144C10.952 1.241 11 1.359 11 1.5L11 3L13 3L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4L11.707 4L8 7.707L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 7.707L3.293 4L1.5 4C1.359 4 1.241 3.952 1.144 3.856C1.048 3.759 1 3.641 1 3.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 3L4 3L4 1.5ZM4.707 4L7 6.293L7 4L4.707 4ZM8 6.293L10.293 4L8 4L8 6.293Z"/></svg>
React
// Gentleface "utility-pole" (line-round), MIT. https://gentleface.com/icons/utility-pole
import type { SVGProps } from 'react';

export function UtilityPoleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5L5 3L10 3L10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1C10.641 1 10.759 1.048 10.856 1.144C10.952 1.241 11 1.359 11 1.5L11 3L13 3L13 1.5C13 1.359 13.048 1.241 13.144 1.144C13.241 1.048 13.359 1 13.5 1C13.641 1 13.759 1.048 13.856 1.144C13.952 1.241 14 1.359 14 1.5L14 3.5C14 3.641 13.952 3.759 13.856 3.856C13.759 3.952 13.641 4 13.5 4L11.707 4L8 7.707L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 7.707L3.293 4L1.5 4C1.359 4 1.241 3.952 1.144 3.856C1.048 3.759 1 3.641 1 3.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 3L4 3L4 1.5ZM4.707 4L7 6.293L7 4L4.707 4ZM8 6.293L10.293 4L8 4L8 6.293Z" />
    </svg>
  );
}
Vue
Vue: see /icons/utility-pole.md
Svelte
Svelte: see /icons/utility-pole.md
HTML img
HTML img: see /icons/utility-pole.md
CSS
CSS: see /icons/utility-pole.md
Data URL
Data URL: see /icons/utility-pole.md
Sprite
Sprite: see /icons/utility-pole.md
SwiftUI
SwiftUI: see /icons/utility-pole.md
Compose
Compose: see /icons/utility-pole.md
Android XML
Android XML: see /icons/utility-pole.md
Flutter
Flutter: see /icons/utility-pole.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { UtilityPoleIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
utility pole, power line, electricity grid, power grid, power lines, telephone pole
Alternatives
Also fits
  • home energy: the power grid
Tags
utility-pole, power-line, power-pole, telephone-pole, electricity-grid, grid, electricity, utilities, transmission, wires
Category
Buildings
Component name
UtilityPoleIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More buildings icons

For agents

Metadata: /icons/utility-pole.json · Markdown: /icons/utility-pole.md · SVG: https://gentleface.com/svg/{style}/16/utility-pole.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/utility-pole.png