---
title: Branding
date: 2024-01-21 10:39:33
---

We're making our SVR.JS branding available for you to download. Please keep them though in their original format, shape and colors.

## SVR.JS icon
<div style="text-align: center">
  <img src="/logo.png" alt="SVR.JS logo" style="width: 80px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo.png" download>Download .png</a> <a href="/logo.svg" download>Download .svg</a><br/>
  <img src="/logo-bw-onblack.png" alt="SVR.JS logo B&W on Black" style="width: 80px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-bw-onblack.png" download>Download .png</a> <a href="/logo-bw-onblack.svg" download>Download .svg</a><br/>
  <img src="/logo-bw-onwhite.png" alt="SVR.JS logo B&W on White" style="width: 80px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-bw-onwhite.png" download>Download .png</a> <a href="/logo-bw-onwhite.svg" download>Download .svg</a><br/>
</div>

## SVR.JS logo with name (horizontal layout)
<div style="text-align: center">
  <img src="/logo-wide.png" alt="SVR.JS logo with name" style="width: 180px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-wide.png" download>Download .png</a> <a href="/logo-wide.svg" download>Download .svg</a><br/>
  <img src="/logo-wide-white.png" alt="SVR.JS logo with name White" style="width: 180px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-wide-white.png" download>Download .png</a> <a href="/logo-wide-white.svg" download>Download .svg</a><br/>
  <img src="/logo-wide-bw-onblack.png" alt="SVR.JS logo with name B&W on Black" style="width: 180px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-wide-bw-onblack.png" download>Download .png</a> <a href="/logo-wide-bw-onblack.svg" download>Download .svg</a><br/>
  <img src="/logo-wide-bw-onwhite.png" alt="SVR.JS logo with name B&W on White" style="width: 180px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-wide-bw-onwhite.png" download>Download .png</a> <a href="/logo-wide-bw-onwhite.svg" download>Download .svg</a><br/>
</div>

## Powered by SVR.JS badge

You can use it to indicate that your website is powered by the SVR.JS web server.
<div style="text-align: center">
  <img src="/powered.png" alt="Powered by SVR.JS" style="width: 150px; display:inline; vertical-align: middle"> <a href="/powered.png" download>Download .png</a><br/>
</div>

## SVR.JS brand colors

<div style="width: 100%; max-width: 480px; margin: auto">
  <div style="color: white; background-color: #007000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#007000</div>
  <div style="color: black; background-color: #00ff00; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00FF00</div>
  <div style="color: white; background-color: #00b000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00B000</div>
  <div style="color: white; background-color: #00d000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00D000</div>
  <div style="color: white; background-color: #002000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#002000</div>
  <div style="color: white; background-color: #004f00; font-weight: bold; font-size: 1.2em; padding: 0.5em">#004F00</div>
  <div style="color: white; background-color: #000000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#000000</div>
  <div style="color: black; background-color: #dfffdf; font-weight: bold; font-size: 1.2em; padding: 0.5em">#DFFFDF</div>
  <div style="color: black; background-color: #ffffff; font-weight: bold; font-size: 1.2em; padding: 0.5em">#FFFFFF</div>
</div>