steam logo
steam from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- steam
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×259
- License
- CC0
The same logo in other sets
Use the steam logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosSteam(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-steam {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20259%22%3E%3Cpath%20fill%3D%22%231a1918%22%20d%3D%22M127.779%200C60.42%200%205.24%2052.412%200%20119.014l68.724%2028.674a35.8%2035.8%200%200%201%2020.426-6.366q1.023%200%202.02.056l30.566-44.71v-.626c0-26.903%2021.69-48.796%2048.353-48.796c26.662%200%2048.352%2021.893%2048.352%2048.796s-21.69%2048.804-48.352%2048.804c-.37%200-.73-.009-1.098-.018l-43.593%2031.377c.028.582.046%201.163.046%201.735c0%2020.204-16.283%2036.636-36.294%2036.636c-17.566%200-32.263-12.658-35.584-29.412L4.41%20164.654c15.223%2054.313%2064.673%2094.132%20123.369%2094.132c70.818%200%20128.221-57.938%20128.221-129.393C256%2057.93%20198.597%200%20127.779%200M80.352%20196.332l-15.749-6.568c2.787%205.867%207.621%2010.775%2014.033%2013.47c13.857%205.83%2029.836-.803%2035.612-14.799a27.56%2027.56%200%200%200%20.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%206.79c10.222%204.3%2015.056%2016.145%2010.794%2026.46c-4.253%2010.314-15.998%2015.195-26.22%2010.895m121.957-100.29c0-17.925-14.457-32.52-32.217-32.52c-17.769%200-32.226%2014.595-32.226%2032.52s14.457%2032.512%2032.226%2032.512c17.76%200%2032.217-14.586%2032.217-32.512m-56.37-.055c0-13.488%2010.84-24.42%2024.2-24.42c13.368%200%2024.208%2010.932%2024.208%2024.42s-10.84%2024.421-24.209%2024.421c-13.359%200-24.2-10.933-24.2-24.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20259%22%3E%3Cpath%20fill%3D%22%231a1918%22%20d%3D%22M127.779%200C60.42%200%205.24%2052.412%200%20119.014l68.724%2028.674a35.8%2035.8%200%200%201%2020.426-6.366q1.023%200%202.02.056l30.566-44.71v-.626c0-26.903%2021.69-48.796%2048.353-48.796c26.662%200%2048.352%2021.893%2048.352%2048.796s-21.69%2048.804-48.352%2048.804c-.37%200-.73-.009-1.098-.018l-43.593%2031.377c.028.582.046%201.163.046%201.735c0%2020.204-16.283%2036.636-36.294%2036.636c-17.566%200-32.263-12.658-35.584-29.412L4.41%20164.654c15.223%2054.313%2064.673%2094.132%20123.369%2094.132c70.818%200%20128.221-57.938%20128.221-129.393C256%2057.93%20198.597%200%20127.779%200M80.352%20196.332l-15.749-6.568c2.787%205.867%207.621%2010.775%2014.033%2013.47c13.857%205.83%2029.836-.803%2035.612-14.799a27.56%2027.56%200%200%200%20.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%206.79c10.222%204.3%2015.056%2016.145%2010.794%2026.46c-4.253%2010.314-15.998%2015.195-26.22%2010.895m121.957-100.29c0-17.925-14.457-32.52-32.217-32.52c-17.769%200-32.226%2014.595-32.226%2032.52s14.457%2032.512%2032.226%2032.512c17.76%200%2032.217-14.586%2032.217-32.512m-56.37-.055c0-13.488%2010.84-24.42%2024.2-24.42c13.368%200%2024.208%2010.932%2024.208%2024.42s-10.84%2024.421-24.209%2024.421c-13.359%200-24.2-10.933-24.2-24.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/steam.svg?color=%231a73e8&size=48
