Skip to content
Raw SVG templates

V-Belt Drive

Two pulleys connected by a V-belt with tight and slack sides labelled.

Template previewRaw SVG
Rendering…

Make it your own.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 240" width="520" height="240">
  <style>
    text { font:12px Inter, sans-serif; fill:#0f172a; font-weight:600; }
  </style>
  <!-- driver pulley -->
  <circle cx="120" cy="120" r="60" fill="#fef3c7" stroke="#0f172a" stroke-width="2"/>
  <circle cx="120" cy="120" r="10" fill="#94a3b8"/>
  <text x="100" y="125">D1</text>
  <!-- driven pulley -->
  <circle cx="380" cy="120" r="36" fill="#fef3c7" stroke="#0f172a" stroke-width="2"/>
  <circle cx="380" cy="120" r="6" fill="#94a3b8"/>
  <text x="368" y="125">D2</text>
  <!-- belt tight side (top) -->
  <line x1="120" y1="60" x2="380" y2="84" stroke="#0f172a" stroke-width="3"/>
  <!-- belt slack (bottom) -->
  <line x1="120" y1="180" x2="380" y2="156" stroke="#0f172a" stroke-width="3"/>
  <text x="230" y="50" fill="#dc2626">tight side (F1)</text>
  <text x="230" y="200" fill="#3666ff">slack side (F2)</text>
  <!-- rotation indicators -->
  <text x="100" y="220">ω₁ ↻</text>
  <text x="370" y="220">ω₂ ↻</text>
</svg>