dEdbH8Sw - SVG Viewer

DEdbH8Sw

N/A

3.64 KB1.97 KB-46%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="100%" height="100%">
  <style>
    .line { stroke: #000; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .comp { stroke: #000; stroke-width: 3; fill: #fff; }
    .rect { stroke: #000; stroke-width: 3; fill: #fff; }
    .dot { fill: #000; }
    .text { font-family: monospace; font-size: 16px; fill: #000; }
    .large-text { font-family: monospace; font-size: 20px; font-weight: bold; fill: #000; }
  </style>

<line x1="120" y1="280" x2="350" y2="280" class="line"></line>
  <line x1="250" y1="320" x2="350" y2="320" class="line"></line>

<line x1="250" y1="100" x2="250" y2="160" class="line"></line> <line x1="250" y1="220" x2="250" y2="380" class="line"></line> <line x1="250" y1="440" x2="250" y2="500" class="line"></line> <line x1="250" y1="220" x2="340" y2="220" class="line"></line> <line x1="400" y1="220" x2="530" y2="220" class="line"></line> <line x1="530" y1="100" x2="530" y2="160" class="line"></line> <line x1="530" y1="220" x2="530" y2="300" class="line"></line> <line x1="480" y1="300" x2="580" y2="300" class="line"></line>
  
  <line x1="640" y1="300" x2="690" y2="300" class="line"></line>

<rect x="235" y="160" width="30" height="60" class="rect"></rect>
  <rect x="235" y="380" width="30" height="60" class="rect"></rect>
  <rect x="340" y="205" width="60" height="30" class="rect"></rect>
  <rect x="515" y="160" width="30" height="60" class="rect"></rect>
  <rect x="580" y="285" width="60" height="30" class="rect"></rect>

<polygon points="350,230 350,370 480,300" class="comp"></polygon>

<line x1="415" y1="265" x2="415" y2="190" class="line"></line>
  <text x="390" y="175" class="large-text">+24V</text>
  <line x1="415" y1="335" x2="415" y2="410" class="line"></line>
  <line x1="400" y1="410" x2="430" y2="410" class="line"></line>
  <line x1="407" y1="420" x2="423" y2="420" class="line"></line>
  <line x1="412" y1="430" x2="418" y2="430" class="line"></line>

<circle cx="715" cy="300" r="40" class="line"></circle>
  <line x1="690" y1="280" x2="690" y2="320" class="line"></line>
  <line x1="690" y1="290" x2="730" y2="250" class="line"></line>
  <polygon points="690,290 690,275 705,290" class="dot"></polygon>
  <line x1="690" y1="310" x2="730" y2="350" class="line"></line>
  <line x1="730" y1="250" x2="730" y2="160" class="line"></line>
  <line x1="730" y1="350" x2="730" y2="450" class="line"></line>

<circle cx="250" cy="220" r="5" class="dot"></circle>
  <circle cx="250" cy="320" r="5" class="dot"></circle>
  <circle cx="530" cy="220" r="5" class="dot"></circle>
  <circle cx="530" cy="300" r="5" class="dot"></circle>

<line x1="225" y1="500" x2="275" y2="500" class="line"></line>
  <line x1="235" y1="510" x2="265" y2="510" class="line"></line>
  <line x1="242" y1="520" x2="258" y2="520" class="line"></line>

<text x="360" y="286" class="large-text">-</text>
  <text x="360" y="328" class="large-text">+</text>
  <text x="380" y="310" class="text">LM393</text>

<text x="225" y="90" class="large-text">+24V</text>
  <text x="505" y="90" class="large-text">+24V</text>
  <text x="705" y="150" class="large-text">+24V</text>

<text x="250" y="545" class="text" text-anchor="middle">GND</text>

<text x="20" y="285" class="large-text">Signal In</text>
  <text x="660" y="470" class="large-text">Switched +24V (Out)</text>
  
  <text x="765" y="305" class="text">PNP</text>

<text x="145" y="195" class="text">R1 10kΩ</text>
  <text x="135" y="415" class="text">R2 2.49kΩ</text>
  <text x="345" y="195" class="text">Rf 174kΩ</text>
  <text x="555" y="195" class="text">R_pu 22kΩ</text>
  <text x="585" y="275" class="text">Rb 5kΩ</text>
</svg>

Upload

Preview React React Native PNG Data URI

3.64 KB1.97 KB-46%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="100%" height="100%">
  <style>
    .line { stroke: #000; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .comp { stroke: #000; stroke-width: 3; fill: #fff; }
    .rect { stroke: #000; stroke-width: 3; fill: #fff; }
    .dot { fill: #000; }
    .text { font-family: monospace; font-size: 16px; fill: #000; }
    .large-text { font-family: monospace; font-size: 20px; font-weight: bold; fill: #000; }
  </style>

<line x1="120" y1="280" x2="350" y2="280" class="line"></line>
  <line x1="250" y1="320" x2="350" y2="320" class="line"></line>

<line x1="250" y1="100" x2="250" y2="160" class="line"></line> <line x1="250" y1="220" x2="250" y2="380" class="line"></line> <line x1="250" y1="440" x2="250" y2="500" class="line"></line> <line x1="250" y1="220" x2="340" y2="220" class="line"></line> <line x1="400" y1="220" x2="530" y2="220" class="line"></line> <line x1="530" y1="100" x2="530" y2="160" class="line"></line> <line x1="530" y1="220" x2="530" y2="300" class="line"></line> <line x1="480" y1="300" x2="580" y2="300" class="line"></line>
  
  <line x1="640" y1="300" x2="690" y2="300" class="line"></line>

<rect x="235" y="160" width="30" height="60" class="rect"></rect>
  <rect x="235" y="380" width="30" height="60" class="rect"></rect>
  <rect x="340" y="205" width="60" height="30" class="rect"></rect>
  <rect x="515" y="160" width="30" height="60" class="rect"></rect>
  <rect x="580" y="285" width="60" height="30" class="rect"></rect>

<polygon points="350,230 350,370 480,300" class="comp"></polygon>

<line x1="415" y1="265" x2="415" y2="190" class="line"></line>
  <text x="390" y="175" class="large-text">+24V</text>
  <line x1="415" y1="335" x2="415" y2="410" class="line"></line>
  <line x1="400" y1="410" x2="430" y2="410" class="line"></line>
  <line x1="407" y1="420" x2="423" y2="420" class="line"></line>
  <line x1="412" y1="430" x2="418" y2="430" class="line"></line>

<circle cx="715" cy="300" r="40" class="line"></circle>
  <line x1="690" y1="280" x2="690" y2="320" class="line"></line>
  <line x1="690" y1="290" x2="730" y2="250" class="line"></line>
  <polygon points="690,290 690,275 705,290" class="dot"></polygon>
  <line x1="690" y1="310" x2="730" y2="350" class="line"></line>
  <line x1="730" y1="250" x2="730" y2="160" class="line"></line>
  <line x1="730" y1="350" x2="730" y2="450" class="line"></line>

<circle cx="250" cy="220" r="5" class="dot"></circle>
  <circle cx="250" cy="320" r="5" class="dot"></circle>
  <circle cx="530" cy="220" r="5" class="dot"></circle>
  <circle cx="530" cy="300" r="5" class="dot"></circle>

<line x1="225" y1="500" x2="275" y2="500" class="line"></line>
  <line x1="235" y1="510" x2="265" y2="510" class="line"></line>
  <line x1="242" y1="520" x2="258" y2="520" class="line"></line>

<text x="360" y="286" class="large-text">-</text>
  <text x="360" y="328" class="large-text">+</text>
  <text x="380" y="310" class="text">LM393</text>

<text x="225" y="90" class="large-text">+24V</text>
  <text x="505" y="90" class="large-text">+24V</text>
  <text x="705" y="150" class="large-text">+24V</text>

<text x="250" y="545" class="text" text-anchor="middle">GND</text>

<text x="20" y="285" class="large-text">Signal In</text>
  <text x="660" y="470" class="large-text">Switched +24V (Out)</text>
  
  <text x="765" y="305" class="text">PNP</text>

<text x="145" y="195" class="text">R1 10kΩ</text>
  <text x="135" y="415" class="text">R2 2.49kΩ</text>
  <text x="345" y="195" class="text">Rf 174kΩ</text>
  <text x="555" y="195" class="text">R_pu 22kΩ</text>
  <text x="585" y="275" class="text">Rb 5kΩ</text>
</svg>

Upload