</>
Hackers Pub
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
SCwe91Tw
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
871 bytes
620 bytes
-29%
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 250 60" height="60" width="250"> <defs> <style> .icon-bracket { fill: #0277BD; /* Blue color */ font-family: monospace; font-size: 40px; font-weight: bold; } .icon-mug { fill: #FFA726; /* Orange mug */ stroke: #E65100; stroke-width: 1.5; } .text-label { fill: #37474F; /* Dark grey text */ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 28px; font-weight: bold; dominant-baseline: central; } </style> </defs> <g transform="translate(10, 5)"> <path class="icon-mug" d="M 10 5 h 20 v 30 h -20 z"></path> <path stroke-width="4" stroke="#FFA726" fill="none" d="M 30 10 c 10 0, 10 20, 0 20"></path> <text class="icon-bracket" text-anchor="middle" y="30" x="20"></></text> </g> <text class="text-label" y="30" x="70">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
871 bytes
620 bytes
-29%
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 250 60" height="60" width="250"> <defs> <style> .icon-bracket { fill: #0277BD; /* Blue color */ font-family: monospace; font-size: 40px; font-weight: bold; } .icon-mug { fill: #FFA726; /* Orange mug */ stroke: #E65100; stroke-width: 1.5; } .text-label { fill: #37474F; /* Dark grey text */ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 28px; font-weight: bold; dominant-baseline: central; } </style> </defs> <g transform="translate(10, 5)"> <path class="icon-mug" d="M 10 5 h 20 v 30 h -20 z"></path> <path stroke-width="4" stroke="#FFA726" fill="none" d="M 30 10 c 10 0, 10 20, 0 20"></path> <text class="icon-bracket" text-anchor="middle" y="30" x="20"></></text> </g> <text class="text-label" y="30" x="70">Hackers Pub</text> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
</>
Hackers Pub
100%
Download SVG