---
title: "Logo"
source: 18F Guides
source_url: https://github.com/18F/guides
licence: CC0-1.0
domain: engineering
subdomain: 18f-guides
date_added: 2026-04-25
---

Logo variations (PNG, SVG)

{% image_with_class "assets/brand/img/18F-Logo-M.png" ".display-logo" "" %}

[Download logo]({{"/assets/brand/dist/18F_Logo.zip" | url }}){.usa-button}

## Guidelines

*	**Do** use the black version of the logo over a white background as your default. Bright blue (#00cfff) and white do not have enough contrast to meet accessibility requirements for low-vision users. Even though logos can be an exception to this rule, we prefer to follow best practices, and use black as our primary logo color. The bright blue version of the logo should only be used if you are using a dark page background. You can see an example of this in our [presentation templates]({{ "/brand/templates/" | url }}).

*	**Do** keep adequate white space around the logo. At any size, there should be half a logo&rsquo;s-width of white space between the logo and any other object or border.

*	**Do** use the SVG logo whenever possible. It has a small file size and renders well at any scale. PNG is an acceptable fallback if the format of your document doesn&rsquo;t support SVG.

*	**Do** ask in [#18f-branding](https://gsa-tts.slack.com/archives/C04B8KGCZ) when you have questions.

*	**Don't** change the color of the logo.

*	**Don't** place the logo over images.

*	**Don't** stretch or skew the logo.
