steamdb logo
steamdb from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- steamdb
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the steamdb logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.981 0C5.72 0 .581 2.231.02 5.081l6.675 1.257c.544-.17 1.162-.244 1.8-.244l3.131-1.875c-.037-.469.244-.956.881-1.35c.9-.581 2.307-.9 3.732-.9a8.6 8.6 0 0 1 2.812.412c2.1.713 2.569 2.082 1.069 3.057c-.956.618-2.494.937-4.013.9l-4.125 1.48c-.037.3-.243.582-.637.845c-1.106.712-3.263.88-4.8.356c-.675-.225-1.125-.563-1.313-.9L.47 7.2c.431.675 1.125 1.294 2.025 1.838C.938 9.938 0 11.062 0 12.28c0 1.2.9 2.307 2.419 3.206C.9 16.37 0 17.476 0 18.675C0 21.619 5.363 24 12 24c6.619 0 12-2.381 12-5.325c0-1.2-.9-2.306-2.419-3.188C23.1 14.588 24 13.482 24 12.282c0-1.219-.938-2.362-2.512-3.262c1.556-.956 2.493-2.138 2.493-3.413c0-3.093-5.381-5.606-12-5.606zm4.275 2.663c-.975.018-1.912.225-2.512.618c-1.031.675-.713 1.594.712 2.082s3.394.337 4.425-.338c1.032-.675.713-1.594-.712-2.062a6.4 6.4 0 0 0-1.913-.282zm.057.318c1.387 0 2.493.525 2.493 1.163c0 .637-1.106 1.162-2.493 1.162c-1.388 0-2.494-.525-2.494-1.162c0-.638 1.106-1.163 2.494-1.163M8.493 6.45c-.3.019-.58.038-.862.075l1.707.319a2.03.94 0 1 1-1.52 1.744l-1.668-.32c.188.17.45.32.806.45c1.2.413 2.888.282 3.75-.28s.6-1.35-.6-1.744c-.487-.169-1.068-.244-1.612-.244zm11.944 3.113v1.743c0 2.063-3.787 3.732-8.437 3.732c-4.669 0-8.437-1.67-8.437-3.732V9.581c2.156.994 5.137 1.613 8.418 1.613c3.3 0 6.3-.619 8.475-1.631zm0 6.487v1.65c0 2.063-3.787 3.731-8.437 3.731c-4.669 0-8.437-1.668-8.437-3.731v-1.65c2.175.956 5.137 1.538 8.437 1.538s6.281-.582 8.438-1.538z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSteamdb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.981 0C5.72 0 .581 2.231.02 5.081l6.675 1.257c.544-.17 1.162-.244 1.8-.244l3.131-1.875c-.037-.469.244-.956.881-1.35c.9-.581 2.307-.9 3.732-.9a8.6 8.6 0 0 1 2.812.412c2.1.713 2.569 2.082 1.069 3.057c-.956.618-2.494.937-4.013.9l-4.125 1.48c-.037.3-.243.582-.637.845c-1.106.712-3.263.88-4.8.356c-.675-.225-1.125-.563-1.313-.9L.47 7.2c.431.675 1.125 1.294 2.025 1.838C.938 9.938 0 11.062 0 12.28c0 1.2.9 2.307 2.419 3.206C.9 16.37 0 17.476 0 18.675C0 21.619 5.363 24 12 24c6.619 0 12-2.381 12-5.325c0-1.2-.9-2.306-2.419-3.188C23.1 14.588 24 13.482 24 12.282c0-1.219-.938-2.362-2.512-3.262c1.556-.956 2.493-2.138 2.493-3.413c0-3.093-5.381-5.606-12-5.606zm4.275 2.663c-.975.018-1.912.225-2.512.618c-1.031.675-.713 1.594.712 2.082s3.394.337 4.425-.338c1.032-.675.713-1.594-.712-2.062a6.4 6.4 0 0 0-1.913-.282zm.057.318c1.387 0 2.493.525 2.493 1.163c0 .637-1.106 1.162-2.493 1.162c-1.388 0-2.494-.525-2.494-1.162c0-.638 1.106-1.163 2.494-1.163M8.493 6.45c-.3.019-.58.038-.862.075l1.707.319a2.03.94 0 1 1-1.52 1.744l-1.668-.32c.188.17.45.32.806.45c1.2.413 2.888.282 3.75-.28s.6-1.35-.6-1.744c-.487-.169-1.068-.244-1.612-.244zm11.944 3.113v1.743c0 2.063-3.787 3.732-8.437 3.732c-4.669 0-8.437-1.67-8.437-3.732V9.581c2.156.994 5.137 1.613 8.418 1.613c3.3 0 6.3-.619 8.475-1.631zm0 6.487v1.65c0 2.063-3.787 3.731-8.437 3.731c-4.669 0-8.437-1.668-8.437-3.731v-1.65c2.175.956 5.137 1.538 8.437 1.538s6.281-.582 8.438-1.538z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.981 0C5.72 0 .581 2.231.02 5.081l6.675 1.257c.544-.17 1.162-.244 1.8-.244l3.131-1.875c-.037-.469.244-.956.881-1.35c.9-.581 2.307-.9 3.732-.9a8.6 8.6 0 0 1 2.812.412c2.1.713 2.569 2.082 1.069 3.057c-.956.618-2.494.937-4.013.9l-4.125 1.48c-.037.3-.243.582-.637.845c-1.106.712-3.263.88-4.8.356c-.675-.225-1.125-.563-1.313-.9L.47 7.2c.431.675 1.125 1.294 2.025 1.838C.938 9.938 0 11.062 0 12.28c0 1.2.9 2.307 2.419 3.206C.9 16.37 0 17.476 0 18.675C0 21.619 5.363 24 12 24c6.619 0 12-2.381 12-5.325c0-1.2-.9-2.306-2.419-3.188C23.1 14.588 24 13.482 24 12.282c0-1.219-.938-2.362-2.512-3.262c1.556-.956 2.493-2.138 2.493-3.413c0-3.093-5.381-5.606-12-5.606zm4.275 2.663c-.975.018-1.912.225-2.512.618c-1.031.675-.713 1.594.712 2.082s3.394.337 4.425-.338c1.032-.675.713-1.594-.712-2.062a6.4 6.4 0 0 0-1.913-.282zm.057.318c1.387 0 2.493.525 2.493 1.163c0 .637-1.106 1.162-2.493 1.162c-1.388 0-2.494-.525-2.494-1.162c0-.638 1.106-1.163 2.494-1.163M8.493 6.45c-.3.019-.58.038-.862.075l1.707.319a2.03.94 0 1 1-1.52 1.744l-1.668-.32c.188.17.45.32.806.45c1.2.413 2.888.282 3.75-.28s.6-1.35-.6-1.744c-.487-.169-1.068-.244-1.612-.244zm11.944 3.113v1.743c0 2.063-3.787 3.732-8.437 3.732c-4.669 0-8.437-1.67-8.437-3.732V9.581c2.156.994 5.137 1.613 8.418 1.613c3.3 0 6.3-.619 8.475-1.631zm0 6.487v1.65c0 2.063-3.787 3.731-8.437 3.731c-4.669 0-8.437-1.668-8.437-3.731v-1.65c2.175.956 5.137 1.538 8.437 1.538s6.281-.582 8.438-1.538z"/></svg> </template>
CSS
.icon-steamdb {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.981%200C5.72%200%20.581%202.231.02%205.081l6.675%201.257c.544-.17%201.162-.244%201.8-.244l3.131-1.875c-.037-.469.244-.956.881-1.35c.9-.581%202.307-.9%203.732-.9a8.6%208.6%200%200%201%202.812.412c2.1.713%202.569%202.082%201.069%203.057c-.956.618-2.494.937-4.013.9l-4.125%201.48c-.037.3-.243.582-.637.845c-1.106.712-3.263.88-4.8.356c-.675-.225-1.125-.563-1.313-.9L.47%207.2c.431.675%201.125%201.294%202.025%201.838C.938%209.938%200%2011.062%200%2012.28c0%201.2.9%202.307%202.419%203.206C.9%2016.37%200%2017.476%200%2018.675C0%2021.619%205.363%2024%2012%2024c6.619%200%2012-2.381%2012-5.325c0-1.2-.9-2.306-2.419-3.188C23.1%2014.588%2024%2013.482%2024%2012.282c0-1.219-.938-2.362-2.512-3.262c1.556-.956%202.493-2.138%202.493-3.413c0-3.093-5.381-5.606-12-5.606zm4.275%202.663c-.975.018-1.912.225-2.512.618c-1.031.675-.713%201.594.712%202.082s3.394.337%204.425-.338c1.032-.675.713-1.594-.712-2.062a6.4%206.4%200%200%200-1.913-.282zm.057.318c1.387%200%202.493.525%202.493%201.163c0%20.637-1.106%201.162-2.493%201.162c-1.388%200-2.494-.525-2.494-1.162c0-.638%201.106-1.163%202.494-1.163M8.493%206.45c-.3.019-.58.038-.862.075l1.707.319a2.03.94%200%201%201-1.52%201.744l-1.668-.32c.188.17.45.32.806.45c1.2.413%202.888.282%203.75-.28s.6-1.35-.6-1.744c-.487-.169-1.068-.244-1.612-.244zm11.944%203.113v1.743c0%202.063-3.787%203.732-8.437%203.732c-4.669%200-8.437-1.67-8.437-3.732V9.581c2.156.994%205.137%201.613%208.418%201.613c3.3%200%206.3-.619%208.475-1.631zm0%206.487v1.65c0%202.063-3.787%203.731-8.437%203.731c-4.669%200-8.437-1.668-8.437-3.731v-1.65c2.175.956%205.137%201.538%208.437%201.538s6.281-.582%208.438-1.538z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.981%200C5.72%200%20.581%202.231.02%205.081l6.675%201.257c.544-.17%201.162-.244%201.8-.244l3.131-1.875c-.037-.469.244-.956.881-1.35c.9-.581%202.307-.9%203.732-.9a8.6%208.6%200%200%201%202.812.412c2.1.713%202.569%202.082%201.069%203.057c-.956.618-2.494.937-4.013.9l-4.125%201.48c-.037.3-.243.582-.637.845c-1.106.712-3.263.88-4.8.356c-.675-.225-1.125-.563-1.313-.9L.47%207.2c.431.675%201.125%201.294%202.025%201.838C.938%209.938%200%2011.062%200%2012.28c0%201.2.9%202.307%202.419%203.206C.9%2016.37%200%2017.476%200%2018.675C0%2021.619%205.363%2024%2012%2024c6.619%200%2012-2.381%2012-5.325c0-1.2-.9-2.306-2.419-3.188C23.1%2014.588%2024%2013.482%2024%2012.282c0-1.219-.938-2.362-2.512-3.262c1.556-.956%202.493-2.138%202.493-3.413c0-3.093-5.381-5.606-12-5.606zm4.275%202.663c-.975.018-1.912.225-2.512.618c-1.031.675-.713%201.594.712%202.082s3.394.337%204.425-.338c1.032-.675.713-1.594-.712-2.062a6.4%206.4%200%200%200-1.913-.282zm.057.318c1.387%200%202.493.525%202.493%201.163c0%20.637-1.106%201.162-2.493%201.162c-1.388%200-2.494-.525-2.494-1.162c0-.638%201.106-1.163%202.494-1.163M8.493%206.45c-.3.019-.58.038-.862.075l1.707.319a2.03.94%200%201%201-1.52%201.744l-1.668-.32c.188.17.45.32.806.45c1.2.413%202.888.282%203.75-.28s.6-1.35-.6-1.744c-.487-.169-1.068-.244-1.612-.244zm11.944%203.113v1.743c0%202.063-3.787%203.732-8.437%203.732c-4.669%200-8.437-1.67-8.437-3.732V9.581c2.156.994%205.137%201.613%208.418%201.613c3.3%200%206.3-.619%208.475-1.631zm0%206.487v1.65c0%202.063-3.787%203.731-8.437%203.731c-4.669%200-8.437-1.668-8.437-3.731v-1.65c2.175.956%205.137%201.538%208.437%201.538s6.281-.582%208.438-1.538z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/steamdb.svg?color=%231a73e8&size=48
