c4oIyOId - SVG Viewer

C4oIyOId

N/A

1.3 KB779 bytes-41%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" height="180" width="180">
  <defs>
    <style>
      @keyframes blink {
        50% { opacity: 0; }
      }
      .terminal-bg {
        fill: #2E3440; /* Dark Nord-like background */
        stroke: #4C566A;
        stroke-width: 4;
        rx: 10;
        ry: 10;
      }
      .terminal-text {
        font-family: 'Consolas', 'Courier New', monospace;
        font-size: 18px; /* Font size reverted to 18px */
        fill: #ECEFF4; /* Light text color */
        text-anchor: start;
      }
      .prompt {
        fill: #88C0D0; /* Bluish prompt color */
        font-weight: bold;
      }
      .command-text {
        fill: #A3BE8C; /* Greenish text for the command/name */
        font-weight: bold;
      }
      .cursor {
        fill: #E5E9F0; /* Light cursor color */
        font-weight: bold;
        animation: blink 1.2s step-end infinite;
      }
    </style>
  </defs>

<rect class="terminal-bg" height="170" width="170" y="5" x="5"></rect>

<text class="terminal-text" y="85" x="15"> 
    <tspan class="prompt">&gt;</tspan>
    <tspan dx="5" class="command-text">Hackers' Pub</tspan>
  </text>
  <text class="terminal-text" y="110" x="15"> 
    <tspan class="prompt">&gt;</tspan>
    <tspan dx="5" class="cursor">_</tspan> 
  </text>

</svg>

Upload

Preview React React Native PNG Data URI

1.3 KB779 bytes-41%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" height="180" width="180">
  <defs>
    <style>
      @keyframes blink {
        50% { opacity: 0; }
      }
      .terminal-bg {
        fill: #2E3440; /* Dark Nord-like background */
        stroke: #4C566A;
        stroke-width: 4;
        rx: 10;
        ry: 10;
      }
      .terminal-text {
        font-family: 'Consolas', 'Courier New', monospace;
        font-size: 18px; /* Font size reverted to 18px */
        fill: #ECEFF4; /* Light text color */
        text-anchor: start;
      }
      .prompt {
        fill: #88C0D0; /* Bluish prompt color */
        font-weight: bold;
      }
      .command-text {
        fill: #A3BE8C; /* Greenish text for the command/name */
        font-weight: bold;
      }
      .cursor {
        fill: #E5E9F0; /* Light cursor color */
        font-weight: bold;
        animation: blink 1.2s step-end infinite;
      }
    </style>
  </defs>

<rect class="terminal-bg" height="170" width="170" y="5" x="5"></rect>

<text class="terminal-text" y="85" x="15"> 
    <tspan class="prompt">&gt;</tspan>
    <tspan dx="5" class="command-text">Hackers' Pub</tspan>
  </text>
  <text class="terminal-text" y="110" x="15"> 
    <tspan class="prompt">&gt;</tspan>
    <tspan dx="5" class="cursor">_</tspan> 
  </text>

</svg>

Upload