Gentleface › Devices & hardware › charger

charger icon

Charger: charger, power adapter, wall charger. 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="M9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5L10 3C10.254 3 10.5 3.047 10.736 3.14C10.993 3.242 11.219 3.391 11.414 3.586C11.609 3.781 11.758 4.007 11.86 4.264C11.953 4.5 12 4.746 12 5L12 11C12 11.254 11.953 11.5 11.86 11.736C11.758 11.993 11.609 12.219 11.414 12.414C11.219 12.609 10.993 12.758 10.736 12.86C10.5 12.953 10.254 13 10 13L10 13.5C10 13.638 10.049 13.756 10.146 13.854C10.244 13.951 10.362 14 10.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L10.5 15C10.309 15 10.125 14.965 9.948 14.895C9.755 14.818 9.586 14.707 9.439 14.561C9.293 14.414 9.182 14.245 9.105 14.052C9.035 13.875 9 13.691 9 13.5L9 13L5 13C4.746 13 4.5 12.953 4.264 12.86C4.007 12.758 3.781 12.609 3.586 12.414C3.391 12.219 3.242 11.993 3.14 11.736C3.047 11.5 3 11.254 3 11L3 5C3 4.746 3.047 4.5 3.14 4.264C3.242 4.007 3.391 3.781 3.586 3.586C3.781 3.391 4.007 3.242 4.264 3.14C4.5 3.047 4.746 3 5 3L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5L6 3L9 3L9 1.5ZM4.293 11.707C4.488 11.902 4.724 12 5 12L10 12C10.276 12 10.512 11.902 10.707 11.707C10.902 11.512 11 11.276 11 11L11 5C11 4.724 10.902 4.488 10.707 4.293C10.512 4.098 10.276 4 10 4L5 4C4.724 4 4.488 4.098 4.293 4.293C4.098 4.488 4 4.724 4 5L4 11C4 11.276 4.098 11.512 4.293 11.707ZM8 5L8 8L10 8L7 11L7 9.794L7 9.793L7 8L5 8L8 5Z"/></svg>

React

// Gentleface "charger" (line-round), MIT. https://gentleface.com/icons/charger
import type { SVGProps } from 'react';

export function ChargerIcon(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="M9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5L10 3C10.254 3 10.5 3.047 10.736 3.14C10.993 3.242 11.219 3.391 11.414 3.586C11.609 3.781 11.758 4.007 11.86 4.264C11.953 4.5 12 4.746 12 5L12 11C12 11.254 11.953 11.5 11.86 11.736C11.758 11.993 11.609 12.219 11.414 12.414C11.219 12.609 10.993 12.758 10.736 12.86C10.5 12.953 10.254 13 10 13L10 13.5C10 13.638 10.049 13.756 10.146 13.854C10.244 13.951 10.362 14 10.5 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L10.5 15C10.309 15 10.125 14.965 9.948 14.895C9.755 14.818 9.586 14.707 9.439 14.561C9.293 14.414 9.182 14.245 9.105 14.052C9.035 13.875 9 13.691 9 13.5L9 13L5 13C4.746 13 4.5 12.953 4.264 12.86C4.007 12.758 3.781 12.609 3.586 12.414C3.391 12.219 3.242 11.993 3.14 11.736C3.047 11.5 3 11.254 3 11L3 5C3 4.746 3.047 4.5 3.14 4.264C3.242 4.007 3.391 3.781 3.586 3.586C3.781 3.391 4.007 3.242 4.264 3.14C4.5 3.047 4.746 3 5 3L5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5L6 3L9 3L9 1.5ZM4.293 11.707C4.488 11.902 4.724 12 5 12L10 12C10.276 12 10.512 11.902 10.707 11.707C10.902 11.512 11 11.276 11 11L11 5C11 4.724 10.902 4.488 10.707 4.293C10.512 4.098 10.276 4 10 4L5 4C4.724 4 4.488 4.098 4.293 4.293C4.098 4.488 4 4.724 4 5L4 11C4 11.276 4.098 11.512 4.293 11.707ZM8 5L8 8L10 8L7 11L7 9.794L7 9.793L7 8L5 8L8 5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/charger.md

Svelte

Svelte: see /icons/charger.md

HTML img

HTML img: see /icons/charger.md

CSS

CSS: see /icons/charger.md

Data URL

Data URL: see /icons/charger.md

Sprite

Sprite: see /icons/charger.md

SwiftUI

SwiftUI: see /icons/charger.md

Compose

Compose: see /icons/charger.md

Android XML

Android XML: see /icons/charger.md

Flutter

Flutter: see /icons/charger.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 { ChargerIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

charger, power adapter, wall charger

Tags

charger, adapter, power-adapter, wall-charger, power-brick, charging, usb-charger, mains, cable, ac-adapter

Category

Devices & hardware

Component name

ChargerIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More devices & hardware icons

backspace battery battery-alert battery-charging battery-check battery-full battery-low battery-medium battery-saver cable caps-lock circuit-board cpu cpu-sparkle desktop-tower devices · all devices & hardware icons

For agents

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

charger icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More devices & hardware icons

For agents

charger icon