U.S. flag
An official website of the United States government.
Here's how you know.
The .gov means it’s official.

Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

The site is secure.

The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Logos Icons & Symbols Colors Typography USWDS

Logos

WIM, USGS, and Cooperator Logos
Right-click to save any of the images to your computer to use elsewhere. You can also copy the image URL and reference it directly from your projects. Use the web-optimized images in projects, high-res for design.
USGS visual identity requires the full logo with tagline.
Logo & Full Name
Full Res Web Optimized
Horizontal
Full Res Web Optimized
Social Media Avatar
Full Res Web Optimized
Favicon
Web Optimized
USGS Green
Full Res Web Optimized
USGS Black
Full Res Web Optimized
USGS Green No Tagline
Full Res Web Optimized
USGS Black No Tagline
Full Res Web Optimized
USGS Green Icon
Full Res Web Optimized
USGS Black Icon
Full Res Web Optimized
USGS Favicon
Web Optimized
For dark backgrounds
Logo & Full Name
Full Res Web Optimized
Horizontal
Full Res Web Optimized
Social Media Avatar
Full Res Web Optimized
USGS White
Full Res Web Optimized
USGS White No Tagline
Full Res Web Optimized
USGS White Icon
Full Res Web Optimized

Icons & Symbols

Interface Icons

Font Awesome.
Visit the Font Awesome Start Page and find the instructions to install it on your project. Kits are recommended, but it's also available through NPM, Yarn, etc.
Browse Icons Read the Docs

Map Symbols

Generate custom Leaflet Map Markers.
WIM has a tool to generate custom CSS Leaflet map markers with various shapes, colors, and symbols.
Open Marker Maker

Colors

Common colors used in our projects.
Try to keep colors consistent. Make sure that your background and foreground colors contrast enough to meet accessibility standards. Use tools like this checker to verify contrast, and a color picker to make adjustments or pick new colors.
USGS Green #006E4E rgba(0, 110, 78, 1)
Dark Blue #03274B rgba(3, 39, 75, 1)
Blue #0552D6 rgba(5, 82, 214, 1)
Text-Black #0B141E rgba(11, 20, 30, 1)

You can find other colors on the USWDS color page.

Typography

Public Sans is a font created by USWDS to be straightforward, accessible, open source, and good for data and tabular design.
Get Public Sans

USWDS

The USWDS (United States Web Design System) is similar to Bootstrap, but for government sites. Using USWDS in your project will help ensure we meet accessibility standards.
More info about using USWDS with WIM projects coming soon.
Read the Docs