{;}
Hackers Pub
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
8hMjXLcz
N/A
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
882 bytes
564 bytes
-36%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 180" height="180" width="150"> <defs> <style> .mug-body { fill: #BCAAA4; } /* A brown-ish color for the mug */ .mug-handle { fill: none; stroke: #BCAAA4; stroke-width: 15; } .code-symbol { fill: #4CAF50; /* Green color often associated with code/terminals */ font-family: 'Courier New', Courier, monospace; font-size: 45px; font-weight: bold; text-anchor: middle; } .text-label { fill: #333; font-family: 'Arial', sans-serif; font-size: 18px; text-anchor: middle; font-weight: bold; } </style> </defs> <rect class="mug-body" ry="10" rx="10" height="100" width="100" y="30" x="20"></rect> <path class="mug-handle" d="M 120 50 C 145 60, 145 100, 120 110"></path> <text class="code-symbol" y="95" x="70">{;}</text> <text class="text-label" y="165" x="75">Hackers Pub</text> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
{;}
Hackers Pub
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
882 bytes
564 bytes
-36%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 180" height="180" width="150"> <defs> <style> .mug-body { fill: #BCAAA4; } /* A brown-ish color for the mug */ .mug-handle { fill: none; stroke: #BCAAA4; stroke-width: 15; } .code-symbol { fill: #4CAF50; /* Green color often associated with code/terminals */ font-family: 'Courier New', Courier, monospace; font-size: 45px; font-weight: bold; text-anchor: middle; } .text-label { fill: #333; font-family: 'Arial', sans-serif; font-size: 18px; text-anchor: middle; font-weight: bold; } </style> </defs> <rect class="mug-body" ry="10" rx="10" height="100" width="100" y="30" x="20"></rect> <path class="mug-handle" d="M 120 50 C 145 60, 145 100, 120 110"></path> <text class="code-symbol" y="95" x="70">{;}</text> <text class="text-label" y="165" x="75">Hackers Pub</text> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
{;}
Hackers Pub
100%
Download SVG