Steam icon
logos:steam
The Steam icon (logos:steam) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 259 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 259
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#1a1918" d="M127.779 0C60.42 0 5.24 52.412 0 119.014l68.724 28.674a35.8 35.8 0 0 1 20.426-6.366q1.023 0 2.02.056l30.566-44.71v-.626c0-26.903 21.69-48.796 48.353-48.796c26.662 0 48.352 21.893 48.352 48.796s-21.69 48.804-48.352 48.804c-.37 0-.73-.009-1.098-.018l-43.593 31.377c.028.582.046 1.163.046 1.735c0 20.204-16.283 36.636-36.294 36.636c-17.566 0-32.263-12.658-35.584-29.412L4.41 164.654c15.223 54.313 64.673 94.132 123.369 94.132c70.818 0 128.221-57.938 128.221-129.393C256 57.93 198.597 0 127.779 0M80.352 196.332l-15.749-6.568c2.787 5.867 7.621 10.775 14.033 13.47c13.857 5.83 29.836-.803 35.612-14.799a27.56 27.56 0 0 0 .046-21.035c-2.768-6.79-7.999-12.086-14.706-14.909c-6.67-2.795-13.811-2.694-20.085-.304l16.275 6.79c10.222 4.3 15.056 16.145 10.794 26.46c-4.253 10.314-15.998 15.195-26.22 10.895m121.957-100.29c0-17.925-14.457-32.52-32.217-32.52c-17.769 0-32.226 14.595-32.226 32.52s14.457 32.512 32.226 32.512c17.76 0 32.217-14.586 32.217-32.512m-56.37-.055c0-13.488 10.84-24.42 24.2-24.42c13.368 0 24.208 10.932 24.208 24.42s-10.84 24.421-24.209 24.421c-13.359 0-24.2-10.933-24.2-24.42"/></svg>
How to use the Steam icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:steam" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:steam" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:steam" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--steam]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:steam"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:steam"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/steam.svg" alt="Steam icon" width="24" height="24">
Steam icon in other icon sets
Steam icon FAQ
Is the Steam icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Steam icon in React?
Install @iconify/react and render <Icon icon="logos: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/logos/steam.svg" alt="Steam icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
