Free SVG Download, Untitled SVG. Free SVG and PNG Vector Icons.

SCwe91Tw

N/A

-1px x -1px

871 bytes

620 bytes-29%

<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">&lt;/&gt;</text>
  </g>

  <text class="text-label" y="30" x="70">Hackers Pub</text>
</svg>

Upload

100%

SVGViewer

-1px x -1px

871 bytes

620 bytes-29%

<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">&lt;/&gt;</text>
  </g>

  <text class="text-label" y="30" x="70">Hackers Pub</text>
</svg>

Upload

100%