stadia logo
stadia from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- stadia
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the stadia logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.525 10.03a18.28 18.28 0 0 1 15.78.263c.264.198.658 0 .724-.263l.92-2.827c.132-.263 0-.658-.328-.79A22.36 22.36 0 0 0 .279 8.65a.66.66 0 0 0-.197.855l2.17 4.8c.13.329.525.526.854.395c2.433-.921 6.18-1.841 9.995-1.315c-2.63.46-4.669 1.38-6.313 2.367a.66.66 0 0 0-.197.854l1.315 3.025c.132.263.46.329.658.132a7.4 7.4 0 0 1 1.512-1.184c2.104-1.184 4.997-2.104 8.876-1.907a.66.66 0 0 0 .658-.46l.986-2.959c.132-.263 0-.658-.263-.789A20.05 20.05 0 0 0 6.46 10.03z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsStadia(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="M6.525 10.03a18.28 18.28 0 0 1 15.78.263c.264.198.658 0 .724-.263l.92-2.827c.132-.263 0-.658-.328-.79A22.36 22.36 0 0 0 .279 8.65a.66.66 0 0 0-.197.855l2.17 4.8c.13.329.525.526.854.395c2.433-.921 6.18-1.841 9.995-1.315c-2.63.46-4.669 1.38-6.313 2.367a.66.66 0 0 0-.197.854l1.315 3.025c.132.263.46.329.658.132a7.4 7.4 0 0 1 1.512-1.184c2.104-1.184 4.997-2.104 8.876-1.907a.66.66 0 0 0 .658-.46l.986-2.959c.132-.263 0-.658-.263-.789A20.05 20.05 0 0 0 6.46 10.03z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.525 10.03a18.28 18.28 0 0 1 15.78.263c.264.198.658 0 .724-.263l.92-2.827c.132-.263 0-.658-.328-.79A22.36 22.36 0 0 0 .279 8.65a.66.66 0 0 0-.197.855l2.17 4.8c.13.329.525.526.854.395c2.433-.921 6.18-1.841 9.995-1.315c-2.63.46-4.669 1.38-6.313 2.367a.66.66 0 0 0-.197.854l1.315 3.025c.132.263.46.329.658.132a7.4 7.4 0 0 1 1.512-1.184c2.104-1.184 4.997-2.104 8.876-1.907a.66.66 0 0 0 .658-.46l.986-2.959c.132-.263 0-.658-.263-.789A20.05 20.05 0 0 0 6.46 10.03z"/></svg> </template>
CSS
.icon-stadia {
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%22M6.525%2010.03a18.28%2018.28%200%200%201%2015.78.263c.264.198.658%200%20.724-.263l.92-2.827c.132-.263%200-.658-.328-.79A22.36%2022.36%200%200%200%20.279%208.65a.66.66%200%200%200-.197.855l2.17%204.8c.13.329.525.526.854.395c2.433-.921%206.18-1.841%209.995-1.315c-2.63.46-4.669%201.38-6.313%202.367a.66.66%200%200%200-.197.854l1.315%203.025c.132.263.46.329.658.132a7.4%207.4%200%200%201%201.512-1.184c2.104-1.184%204.997-2.104%208.876-1.907a.66.66%200%200%200%20.658-.46l.986-2.959c.132-.263%200-.658-.263-.789A20.05%2020.05%200%200%200%206.46%2010.03z%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%22M6.525%2010.03a18.28%2018.28%200%200%201%2015.78.263c.264.198.658%200%20.724-.263l.92-2.827c.132-.263%200-.658-.328-.79A22.36%2022.36%200%200%200%20.279%208.65a.66.66%200%200%200-.197.855l2.17%204.8c.13.329.525.526.854.395c2.433-.921%206.18-1.841%209.995-1.315c-2.63.46-4.669%201.38-6.313%202.367a.66.66%200%200%200-.197.854l1.315%203.025c.132.263.46.329.658.132a7.4%207.4%200%200%201%201.512-1.184c2.104-1.184%204.997-2.104%208.876-1.907a.66.66%200%200%200%20.658-.46l.986-2.959c.132-.263%200-.658-.263-.789A20.05%2020.05%200%200%200%206.46%2010.03z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/stadia.svg?color=%231a73e8&size=48
