Steam icon

game-icons:steam

The Steam icon (game-icons:steam) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M226.15 23.207c-80.605-.39-127.583 43.189-129.207 77.09c33.444-3.521 82.187-2.553 87.068 38.68c-23.032-21.249-54.896-21.775-84.396-17.952c-130.23 16.878-73.97 200.73 30.488 163.58c8.433 18.916 15.168 69.646 53.36 72.938c37 3.19 36.031 26.349 41.771 70.064c4.752 36.193 60.779 56.268 87.462 61.189c0 0-46.53-79.949-12.347-115.482c88.652-121.077-27.22-185.252-97.254-165.072c-47.65 13.73-35.887 42.675-4.389 73.926c-45.518-16.55-49.993-37.885-48.692-59.605c2.103-35.092 68.267-61.61 111.12-52.377c108.005 23.27 133.107 102.151 63.987 199.353c70.597 27.995 161.623-6.968 162.912-64.653c.804-35.98-21.452-65.04-51.446-74.652c-27.22-7.232-38.96 5.289-48.2 23.711c-2.666-20.154 17.639-54.573 43.47-37.295C443.959 106.856 404.186 24.068 226.15 23.207"/></svg>

How to use the Steam icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:steam" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:steam" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:steam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--steam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:steam"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:steam"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/steam.svg" alt="Steam icon" width="24" height="24">

Related icons in Game Icons

Steam icon in other icon sets

Steam icon FAQ

Is the Steam icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Steam icon in React?

Install @iconify/react and render <Icon icon="game-icons:steam" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Steam icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/steam.svg" alt="Steam icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →