steam logo
steam from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- steam
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
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 32 32"><path fill="currentColor" d="M15.974 0C7.573 0 .682 6.479.031 14.714l8.573 3.547a4.5 4.5 0 0 1 2.552-.786c.083 0 .167.005.25.005l3.813-5.521v-.078c0-3.328 2.703-6.031 6.031-6.031s6.036 2.708 6.036 6.036a6.04 6.04 0 0 1-6.036 6.031h-.135l-5.438 3.88c0 .073.005.141.005.214c0 2.5-2.021 4.526-4.521 4.526c-2.177 0-4.021-1.563-4.443-3.635L.583 20.36c1.901 6.719 8.063 11.641 15.391 11.641c8.833 0 15.995-7.161 15.995-16s-7.161-16-15.995-16zm-5.922 24.281l-1.964-.813a3.4 3.4 0 0 0 1.755 1.667a3.404 3.404 0 0 0 4.443-1.833a3.38 3.38 0 0 0 .005-2.599a3.36 3.36 0 0 0-1.839-1.844a3.38 3.38 0 0 0-2.5-.042l2.026.839c1.276.536 1.88 2 1.349 3.276s-2 1.88-3.276 1.349zm15.219-12.406a4.025 4.025 0 0 0-4.016-4.021a4.02 4.02 0 1 0 0 8.042a4.02 4.02 0 0 0 4.016-4.021m-7.026-.005c0-1.672 1.349-3.021 3.016-3.021s3.026 1.349 3.026 3.021c0 1.667-1.359 3.021-3.026 3.021s-3.016-1.354-3.016-3.021"/></svg>
React
import type { SVGProps } from "react";
export function CibSteam(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.974 0C7.573 0 .682 6.479.031 14.714l8.573 3.547a4.5 4.5 0 0 1 2.552-.786c.083 0 .167.005.25.005l3.813-5.521v-.078c0-3.328 2.703-6.031 6.031-6.031s6.036 2.708 6.036 6.036a6.04 6.04 0 0 1-6.036 6.031h-.135l-5.438 3.88c0 .073.005.141.005.214c0 2.5-2.021 4.526-4.521 4.526c-2.177 0-4.021-1.563-4.443-3.635L.583 20.36c1.901 6.719 8.063 11.641 15.391 11.641c8.833 0 15.995-7.161 15.995-16s-7.161-16-15.995-16zm-5.922 24.281l-1.964-.813a3.4 3.4 0 0 0 1.755 1.667a3.404 3.404 0 0 0 4.443-1.833a3.38 3.38 0 0 0 .005-2.599a3.36 3.36 0 0 0-1.839-1.844a3.38 3.38 0 0 0-2.5-.042l2.026.839c1.276.536 1.88 2 1.349 3.276s-2 1.88-3.276 1.349zm15.219-12.406a4.025 4.025 0 0 0-4.016-4.021a4.02 4.02 0 1 0 0 8.042a4.02 4.02 0 0 0 4.016-4.021m-7.026-.005c0-1.672 1.349-3.021 3.016-3.021s3.026 1.349 3.026 3.021c0 1.667-1.359 3.021-3.026 3.021s-3.016-1.354-3.016-3.021"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.974 0C7.573 0 .682 6.479.031 14.714l8.573 3.547a4.5 4.5 0 0 1 2.552-.786c.083 0 .167.005.25.005l3.813-5.521v-.078c0-3.328 2.703-6.031 6.031-6.031s6.036 2.708 6.036 6.036a6.04 6.04 0 0 1-6.036 6.031h-.135l-5.438 3.88c0 .073.005.141.005.214c0 2.5-2.021 4.526-4.521 4.526c-2.177 0-4.021-1.563-4.443-3.635L.583 20.36c1.901 6.719 8.063 11.641 15.391 11.641c8.833 0 15.995-7.161 15.995-16s-7.161-16-15.995-16zm-5.922 24.281l-1.964-.813a3.4 3.4 0 0 0 1.755 1.667a3.404 3.404 0 0 0 4.443-1.833a3.38 3.38 0 0 0 .005-2.599a3.36 3.36 0 0 0-1.839-1.844a3.38 3.38 0 0 0-2.5-.042l2.026.839c1.276.536 1.88 2 1.349 3.276s-2 1.88-3.276 1.349zm15.219-12.406a4.025 4.025 0 0 0-4.016-4.021a4.02 4.02 0 1 0 0 8.042a4.02 4.02 0 0 0 4.016-4.021m-7.026-.005c0-1.672 1.349-3.021 3.016-3.021s3.026 1.349 3.026 3.021c0 1.667-1.359 3.021-3.026 3.021s-3.016-1.354-3.016-3.021"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.974%200C7.573%200%20.682%206.479.031%2014.714l8.573%203.547a4.5%204.5%200%200%201%202.552-.786c.083%200%20.167.005.25.005l3.813-5.521v-.078c0-3.328%202.703-6.031%206.031-6.031s6.036%202.708%206.036%206.036a6.04%206.04%200%200%201-6.036%206.031h-.135l-5.438%203.88c0%20.073.005.141.005.214c0%202.5-2.021%204.526-4.521%204.526c-2.177%200-4.021-1.563-4.443-3.635L.583%2020.36c1.901%206.719%208.063%2011.641%2015.391%2011.641c8.833%200%2015.995-7.161%2015.995-16s-7.161-16-15.995-16zm-5.922%2024.281l-1.964-.813a3.4%203.4%200%200%200%201.755%201.667a3.404%203.404%200%200%200%204.443-1.833a3.38%203.38%200%200%200%20.005-2.599a3.36%203.36%200%200%200-1.839-1.844a3.38%203.38%200%200%200-2.5-.042l2.026.839c1.276.536%201.88%202%201.349%203.276s-2%201.88-3.276%201.349zm15.219-12.406a4.025%204.025%200%200%200-4.016-4.021a4.02%204.02%200%201%200%200%208.042a4.02%204.02%200%200%200%204.016-4.021m-7.026-.005c0-1.672%201.349-3.021%203.016-3.021s3.026%201.349%203.026%203.021c0%201.667-1.359%203.021-3.026%203.021s-3.016-1.354-3.016-3.021%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.974%200C7.573%200%20.682%206.479.031%2014.714l8.573%203.547a4.5%204.5%200%200%201%202.552-.786c.083%200%20.167.005.25.005l3.813-5.521v-.078c0-3.328%202.703-6.031%206.031-6.031s6.036%202.708%206.036%206.036a6.04%206.04%200%200%201-6.036%206.031h-.135l-5.438%203.88c0%20.073.005.141.005.214c0%202.5-2.021%204.526-4.521%204.526c-2.177%200-4.021-1.563-4.443-3.635L.583%2020.36c1.901%206.719%208.063%2011.641%2015.391%2011.641c8.833%200%2015.995-7.161%2015.995-16s-7.161-16-15.995-16zm-5.922%2024.281l-1.964-.813a3.4%203.4%200%200%200%201.755%201.667a3.404%203.404%200%200%200%204.443-1.833a3.38%203.38%200%200%200%20.005-2.599a3.36%203.36%200%200%200-1.839-1.844a3.38%203.38%200%200%200-2.5-.042l2.026.839c1.276.536%201.88%202%201.349%203.276s-2%201.88-3.276%201.349zm15.219-12.406a4.025%204.025%200%200%200-4.016-4.021a4.02%204.02%200%201%200%200%208.042a4.02%204.02%200%200%200%204.016-4.021m-7.026-.005c0-1.672%201.349-3.021%203.016-3.021s3.026%201.349%203.026%203.021c0%201.667-1.359%203.021-3.026%203.021s-3.016-1.354-3.016-3.021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/steam.svg?color=%231a73e8&size=48
