Is the steam icon free to use?

Yes. It comes from the free Font Awesome set, released under the CC BY 4.0 licence, so you may use it in personal and commercial work as long as you credit Font Awesome.

What file format do I get?

A PNG with a transparent background by default. Choose a background colour first if you would rather have one.

Can I change the colour and size?

Yes. Set the colour, the size in pixels and the padding on this page, and the download matches what you see.

Do I need an account?

No. Nothing to sign up for and nothing to install — the file is built in your browser.

Steam Icon

background settings

shape:

dimensions:

opacity:

color:

icon settings

size:

opacity:

color:

shadow settings

depth:

angle:

opacity:

color:

border settings

size:

opacity:

color:

Use the steam icon in your code

Font Awesome 6 Free · Brands style · Unicode U+F1B6 · class fa-steam

HTML

<i class="fa-brands fa-steam"></i>
<!-- Font Awesome 4/5 style class also works in 6: -->
<i class="fab fa-steam"></i>

CSS pseudo-element

.my-steam::before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  content: "\f1b6";
}

HTML entity / JavaScript

&#xf1b6;        <!-- inside an element using the FA font -->
"\u{f1b6}"     // JavaScript string

Load the font once (CDN)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

This is a brand mark. Font Awesome ships it for linking to that service; the logo itself belongs to its owner, so keep its shape and use it only to point at the brand it represents.