SVG
Viewer
C4oIyOId
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.3 KB
779 bytes
-41%
Prettify
Preferences
Clear
<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">></tspan> <tspan dx="5" class="command-text">Hackers' Pub</tspan> </text> <text class="terminal-text" y="110" x="15"> <tspan class="prompt">></tspan> <tspan dx="5" class="cursor">_</tspan> </text> </svg>
Upload
Copy
Download
Share
>
Hackers' Pub
>
_
Preview
React
React Native
PNG
Data URI
>
Hackers' Pub
>
_
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
1.3 KB
779 bytes
-41%
Prettify
Preferences
Clear
<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">></tspan> <tspan dx="5" class="command-text">Hackers' Pub</tspan> </text> <text class="terminal-text" y="110" x="15"> <tspan class="prompt">></tspan> <tspan dx="5" class="cursor">_</tspan> </text> </svg>
Upload
Copy
Download
Share
>
Hackers' Pub
>
_
Preview
React
React Native
PNG
Data URI
>
Hackers' Pub
>
_
100%
Download