gentleface

Gentleface › Devices & hardware › charging-pad

charging-pad icon

Charging pad: wireless charging, charging pad, wireless charger, qi charging. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M8 1L8 5L10 5L9.546 5.757L9.546 5.757L7 10L7 6L5 6L8 1ZM5.242 11.108C5.968 11.036 6.721 11 7.5 11C8.279 11 9.032 11.036 9.758 11.108C10.552 11.186 11.254 11.302 11.864 11.454C12.576 11.632 13.11 11.85 13.466 12.108C13.822 12.365 14 12.663 14 13C14 13.337 13.822 13.635 13.466 13.892C13.11 14.15 12.576 14.368 11.864 14.546C11.254 14.698 10.552 14.814 9.758 14.892C9.032 14.964 8.279 15 7.5 15C6.721 15 5.968 14.964 5.242 14.892C4.448 14.814 3.746 14.698 3.136 14.546C2.424 14.368 1.89 14.15 1.534 13.892C1.178 13.635 1 13.337 1 13C1 12.663 1.178 12.365 1.534 12.108C1.89 11.85 2.424 11.632 3.136 11.454C3.746 11.302 4.448 11.186 5.242 11.108ZM3.379 13.576C3.941 13.716 4.595 13.823 5.341 13.897C6.034 13.966 6.753 14 7.5 14C8.247 14 8.966 13.966 9.659 13.897C10.405 13.823 11.059 13.716 11.621 13.576C12.155 13.442 12.552 13.293 12.812 13.129C12.886 13.082 12.942 13.039 12.978 13C12.942 12.961 12.886 12.918 12.812 12.871C12.552 12.707 12.155 12.558 11.621 12.424C11.059 12.284 10.405 12.177 9.659 12.103C8.966 12.034 8.247 12 7.5 12C6.753 12 6.034 12.034 5.341 12.103C4.595 12.177 3.941 12.284 3.379 12.424C2.845 12.558 2.448 12.707 2.188 12.871C2.114 12.918 2.058 12.961 2.022 13C2.058 13.039 2.114 13.082 2.188 13.129C2.448 13.293 2.845 13.442 3.379 13.576Z"/></svg>
React
// Gentleface "charging-pad" (line-round), MIT. https://gentleface.com/icons/charging-pad
import type { SVGProps } from 'react';

export function ChargingPadIcon(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="M8 1L8 5L10 5L9.546 5.757L9.546 5.757L7 10L7 6L5 6L8 1ZM5.242 11.108C5.968 11.036 6.721 11 7.5 11C8.279 11 9.032 11.036 9.758 11.108C10.552 11.186 11.254 11.302 11.864 11.454C12.576 11.632 13.11 11.85 13.466 12.108C13.822 12.365 14 12.663 14 13C14 13.337 13.822 13.635 13.466 13.892C13.11 14.15 12.576 14.368 11.864 14.546C11.254 14.698 10.552 14.814 9.758 14.892C9.032 14.964 8.279 15 7.5 15C6.721 15 5.968 14.964 5.242 14.892C4.448 14.814 3.746 14.698 3.136 14.546C2.424 14.368 1.89 14.15 1.534 13.892C1.178 13.635 1 13.337 1 13C1 12.663 1.178 12.365 1.534 12.108C1.89 11.85 2.424 11.632 3.136 11.454C3.746 11.302 4.448 11.186 5.242 11.108ZM3.379 13.576C3.941 13.716 4.595 13.823 5.341 13.897C6.034 13.966 6.753 14 7.5 14C8.247 14 8.966 13.966 9.659 13.897C10.405 13.823 11.059 13.716 11.621 13.576C12.155 13.442 12.552 13.293 12.812 13.129C12.886 13.082 12.942 13.039 12.978 13C12.942 12.961 12.886 12.918 12.812 12.871C12.552 12.707 12.155 12.558 11.621 12.424C11.059 12.284 10.405 12.177 9.659 12.103C8.966 12.034 8.247 12 7.5 12C6.753 12 6.034 12.034 5.341 12.103C4.595 12.177 3.941 12.284 3.379 12.424C2.845 12.558 2.448 12.707 2.188 12.871C2.114 12.918 2.058 12.961 2.022 13C2.058 13.039 2.114 13.082 2.188 13.129C2.448 13.293 2.845 13.442 3.379 13.576Z" />
    </svg>
  );
}
Vue
Vue: see /icons/charging-pad.md
Svelte
Svelte: see /icons/charging-pad.md
HTML img
HTML img: see /icons/charging-pad.md
CSS
CSS: see /icons/charging-pad.md
Data URL
Data URL: see /icons/charging-pad.md
Sprite
Sprite: see /icons/charging-pad.md
SwiftUI
SwiftUI: see /icons/charging-pad.md
Compose
Compose: see /icons/charging-pad.md
Android XML
Android XML: see /icons/charging-pad.md
Flutter
Flutter: see /icons/charging-pad.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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.

Meaning

Use it for
wireless charging, charging pad, wireless charger, qi charging
Alternatives
Also fits
  • battery charging: charging without a cable (wireless-charging)
Tags
wireless-charging, charging-pad, qi, charger, charging, power, wireless
Category
Devices & hardware
Component name
ChargingPadIcon
History
  • 20 px drawn, 24 px drawn, added

More devices & hardware icons

av-receiver backlight backlight-low backlight-off backspace backspace-right battery battery-alert battery-arrow-right battery-charging battery-check battery-clock battery-full battery-gear battery-low battery-medium · all devices & hardware icons

For agents

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