Polyguard — Tool-Page Logo Assets

Built from the real brand vector · favicon package + themed header lockup per subdomain

Everything is generated from the actual Polyguard SVG — vector-exact colors and geometry, crisp at any size. Right-click → Save, or click any chip to download.

reporting.polyguard.com · dark theme

Header lockup

Polyguard Reporting
⬇ header_logo.svg (vector, recommended) header @2x.png header @3x.png

Favicon & app icons

16
32
48
touch 180
maskable 512
⬇ favicon.svg favicon.ico 16.png 32.png 48.png apple-touch-icon.png icon-192-maskable.png icon-512-maskable.png

chat.polyguard.com · light theme

Header lockup

Polyguard Live Chat
⬇ header_logo.svg (vector, recommended) header @2x.png header @3x.png

Favicon & app icons

16
32
48
touch 180
maskable 512
⬇ favicon.svg favicon.ico 16.png 32.png 48.png apple-touch-icon.png icon-192-maskable.png icon-512-maskable.png

Install snippets

Favicon (in <head>)

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Header logo

<img src="/header_logo.svg" alt="Polyguard Reporting" height="40">

PWA manifest (icons)

"icons": [
  { "src": "/icon-192-maskable.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
  { "src": "/icon-512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]

Prefer the SVG header — it's razor-sharp on any display and the sub-label ("REPORTING" / "LIVE CHAT") is editable text. Use the @2x/@3x PNGs only where SVG isn't supported. The favicon .svg is best for modern browsers; the .ico covers older ones.