W3C HTML5 Logo

NAV

• An HTML5 Logo
• The Technology
• The Movement
• Downloads
• Stuff!
• FAQ
• Back Up Top

Take Control — Your Web, Your Logo

An HTML5 Logo

It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout.

We present an HTML5 logo.

Use The Logo

You have HTML5 on the brain. Tell the world.

• Badge Builder
• HTML5 Logo Downloads

Show Some Love

This HTML5 logo is licensed under Creative Commons Attribution 3.0 — all are free to use and reimagine as they see fit.

• HTML5 Stickers
• HTML5 Gear

HTML5 in the Wild

The HTML5 logo gallery (below) shows off community creativity. We invite you to submit your sightings, whether screen shots or movies or cupcakes.

• Submit A Sighting
• Browse The Gallery

The Tech­nology

Imagination, meet implementation. HTML5 is the cornerstone of the W3C's open web platform; a framework designed to support innovation and foster the full potential the web has to offer. Heralding this revolutionary collection of tools and standards, the HTML5 identity system provides the visual vocabulary to clearly classify and communicate our collective efforts.

~ 1 of 8 ~

Class: Semantics

Giving meaning to structure, semantics are front and center with HTML5. A richer set of tags, along with RDFa, microdata, and microformats, are enabling a more useful, data driven web for both programs and your users.

~ 2 of 8 ~

Class: Offline & Storage

Web Apps can start faster and work even if there is no internet connection, thanks to the HTML5 App Cache, as well as the Local Storage, Indexed DB, and the File API specifications.

~ 3 of 8 ~

Class: Device Access

Beginning with the Geolocation API, Web Applications can present rich, device-aware features and experiences. Incredible device access innovations are being developed and implemented, from audio/video input access to microphones and cameras, to local data such as contacts & events, and even tilt orientation.

~ 4 of 8 ~

Class: Connectivity

More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.

~ 5 of 8 ~

Class: Multimedia

Audio and video are first class citizens in the HTML5 web, living in harmony with your apps and sites. Lights, camera, action!

~ 6 of 8 ~

Class: 3D, Graphics & Effects

Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunning visuals natively rendered in the browser.

~ 7 of 8 ~

Class: Performance & Integration

Make your Web Apps and dynamic web content faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2. No user should ever wait on your watch.

~ 8 of 8 ~

Class: CSS3

CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic structure or performance. Additionally Web Open Font Format (WOFF) provides typographic flexibility and control far beyond anything the web has offered before.

Badge Builder 5000

You're seconds away from your own stunning, customized badge. Fire up the Badge Builder 5000.

Orientation

Sidebar or footer? Standing up or lying down?

Horizontal Vertical

What the tech?

Build a logo that shows off what you use.

HTML Technology Classes

• Offline & Storage
• Device Access
• Connectivity / Realtime
• Performance & Integration
• Multimedia
• Semantics
• Graphics, 3D & Effects
• CSS3 / Styling

Build It And They Will Come

• 
• 
• 
• 
• 
• 
• 
• 

The Movement

You're excited about HTML5; we are too. You've not just been enjoying the HTML5-powered web already — you're building it! As adoption and inspiration spreads, the web community will find creative ways to apply HTML5 and related technologies, spark trends, and capture best practices. As momentum builds, we hope you bring this logo along for the ride and paint the world orange.

A LOGO IN ACTION

You know that HTML5 badge you've placed oh-so perfectly in your footer? That HTML5 T-shirt turning heads in the office? Those HTML5 stickers on your laptop and that HTML5 logo you shaved into your head? We want to see it! Show us your screenshots, photos, and other creative endeavors and they might end up right here in our HTML5ivers Gallery.

Tweet your HTML5 logo sightings with the hashtag #html5logo

Downloads

Mark + Wordmark

SVG

Download

PNG

• 512px
• 256px
• 128px
• 64px
• 32px

Mark Only

SVG

Download

PNG

• 512px
• 256px
• 128px
• 64px
• 32px

Supporting Elements

SVG

Download

PNG

• Standard Size
• Tiny Size

Technology Classes

SVG Icon Set

Download

PNG

• 512px
• 256px
• 128px
• 64px
• 32px

One Color Logos

SVG

• Black
• White

PNG

• Black
• White

Sticker Templates

SVG

Download

PNG

Standard Size

People Are Making Stuff!

Examples of Stickers!

These were the stickers available when we first launched the logo.

Want some? Get them on Unixstickers!

WEAR IT NOW FOR THE FUTURE

A number of people are taking the HTML5 logo and emblazoning everything from t-shirts to pajamas. Here's a peek:

THE HTML5 SHIRT — BUY IT!

Every Man, Woman and Child can show their HTML5 Pride! A portion of every sale is donated to the development of the W3C HTML5 Test Suite.