Gentleface › Science & education › circuit-inductor

circuit-inductor icon

Circuit inductor: inductor, coil. 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="M1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.352 5.817 5.43 5.906 5.5 5.999C5.57 5.906 5.648 5.817 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.352 5.817 9.43 5.906 9.5 5.999C9.57 5.906 9.648 5.817 9.732 5.732C9.976 5.488 10.259 5.303 10.58 5.176C10.875 5.059 11.182 5 11.5 5C11.818 5 12.125 5.059 12.42 5.176C12.741 5.303 13.024 5.488 13.268 5.732C13.512 5.976 13.697 6.259 13.824 6.58C13.941 6.875 14 7.182 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5C13 7.309 12.965 7.125 12.895 6.948C12.818 6.755 12.707 6.586 12.561 6.439C12.414 6.293 12.245 6.182 12.052 6.105C11.875 6.035 11.691 6 11.5 6C11.309 6 11.125 6.035 10.948 6.105C10.755 6.182 10.586 6.293 10.439 6.439C10.293 6.586 10.182 6.755 10.105 6.948C10.035 7.125 10 7.309 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8C9.359 8 9.241 7.952 9.144 7.856C9.048 7.759 9 7.641 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8C5.359 8 5.241 7.952 5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.641 1.952 7.759 1.856 7.856C1.759 7.952 1.641 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5Z"/></svg>

React

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

export function CircuitInductorIcon(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="M1 7.5C1 7.182 1.059 6.875 1.176 6.58C1.303 6.259 1.488 5.976 1.732 5.732C1.976 5.488 2.259 5.303 2.58 5.176C2.875 5.059 3.182 5 3.5 5C3.818 5 4.125 5.059 4.42 5.176C4.741 5.303 5.024 5.488 5.268 5.732C5.352 5.817 5.43 5.906 5.5 5.999C5.57 5.906 5.648 5.817 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.352 5.817 9.43 5.906 9.5 5.999C9.57 5.906 9.648 5.817 9.732 5.732C9.976 5.488 10.259 5.303 10.58 5.176C10.875 5.059 11.182 5 11.5 5C11.818 5 12.125 5.059 12.42 5.176C12.741 5.303 13.024 5.488 13.268 5.732C13.512 5.976 13.697 6.259 13.824 6.58C13.941 6.875 14 7.182 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5C13 7.309 12.965 7.125 12.895 6.948C12.818 6.755 12.707 6.586 12.561 6.439C12.414 6.293 12.245 6.182 12.052 6.105C11.875 6.035 11.691 6 11.5 6C11.309 6 11.125 6.035 10.948 6.105C10.755 6.182 10.586 6.293 10.439 6.439C10.293 6.586 10.182 6.755 10.105 6.948C10.035 7.125 10 7.309 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8C9.359 8 9.241 7.952 9.144 7.856C9.048 7.759 9 7.641 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8C5.359 8 5.241 7.952 5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.309 4.965 7.125 4.895 6.948C4.818 6.755 4.707 6.586 4.561 6.439C4.414 6.293 4.245 6.182 4.052 6.105C3.875 6.035 3.691 6 3.5 6C3.309 6 3.125 6.035 2.948 6.105C2.755 6.182 2.586 6.293 2.439 6.439C2.293 6.586 2.182 6.755 2.105 6.948C2.035 7.125 2 7.309 2 7.5C2 7.641 1.952 7.759 1.856 7.856C1.759 7.952 1.641 8 1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/circuit-inductor.md

Svelte

Svelte: see /icons/circuit-inductor.md

HTML img

HTML img: see /icons/circuit-inductor.md

CSS

CSS: see /icons/circuit-inductor.md

Data URL

Data URL: see /icons/circuit-inductor.md

Sprite

Sprite: see /icons/circuit-inductor.md

SwiftUI

SwiftUI: see /icons/circuit-inductor.md

Compose

Compose: see /icons/circuit-inductor.md

Android XML

Android XML: see /icons/circuit-inductor.md

Flutter

Flutter: see /icons/circuit-inductor.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

inductor, coil

Tags

inductor, coil, choke, inductance, electronics, electrical, schematic, circuit, symbol

Category

Science & education

Component name

CircuitInductorIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 1

circuit-inductor-core

More science & education icons

atom beaker biohazard biological-cell chalkboard chalkboard-off circuit-ammeter circuit-battery circuit-bulb circuit-capacitor circuit-capacitor-polarized circuit-capacitor-polarized-curved circuit-changeover circuit-diode circuit-diode-zener circuit-ground · all science & education icons

For agents

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

circuit-inductor icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp