Skip to content
Raw SVG templates

Circuit Schematic (SVG)

Battery, resistor, capacitor, switch schematic.

Template previewRaw SVG
Rendering…

Make it your own.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 240" width="600">
  <style>
    .wire { stroke: #0f172a; stroke-width: 2; fill: none; }
    .lbl  { font: 13px Inter, sans-serif; fill: #0f172a; }
  </style>
  <!-- wires -->
  <polyline class="wire" points="60,180 60,60 200,60"/>
  <polyline class="wire" points="280,60 420,60 420,180 60,180"/>
  <!-- battery -->
  <g class="wire">
    <line x1="55" y1="130" x2="65" y2="130"/>
    <line x1="50" y1="120" x2="70" y2="120"/>
    <line x1="55" y1="110" x2="65" y2="110"/>
    <line x1="50" y1="100" x2="70" y2="100"/>
  </g>
  <text class="lbl" x="25" y="120">9V</text>
  <!-- resistor -->
  <polyline class="wire" points="200,60 210,50 220,70 230,50 240,70 250,50 260,70 270,50 280,60"/>
  <text class="lbl" x="225" y="40">R = 1kΩ</text>
  <!-- capacitor -->
  <g class="wire">
    <line x1="335" y1="155" x2="335" y2="195"/>
    <line x1="350" y1="155" x2="350" y2="195"/>
  </g>
  <line class="wire" x1="335" y1="180" x2="250" y2="180"/>
  <line class="wire" x1="350" y1="180" x2="420" y2="180"/>
  <text class="lbl" x="335" y="215">C = 10μF</text>
  <!-- switch -->
  <line class="wire" x1="120" y1="60" x2="160" y2="40"/>
  <circle cx="120" cy="60" r="3" fill="#0f172a"/>
  <circle cx="160" cy="60" r="3" fill="#0f172a"/>
  <text class="lbl" x="125" y="30">S</text>
</svg>