logo xbox icon
logo-xbox from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-xbox
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-xbox-outline
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo xbox icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0 0 77.2 391c0-4.4.6-70.3 49.6-142.7M480 256a223.7 223.7 0 0 0-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 0 0 480 256M201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 0 0-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5m157.5 212C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 0 0 333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoXbox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0 0 77.2 391c0-4.4.6-70.3 49.6-142.7M480 256a223.7 223.7 0 0 0-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 0 0 480 256M201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 0 0-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5m157.5 212C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 0 0 333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0 0 77.2 391c0-4.4.6-70.3 49.6-142.7M480 256a223.7 223.7 0 0 0-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 0 0 480 256M201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 0 0-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5m157.5 212C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 0 0 333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8"/></svg> </template>
CSS
.icon-logo-xbox {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M126.8%20248.3c39.7-58.6%2077.9-92.8%2077.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13%20224.13%200%200%200%2077.2%20391c0-4.4.6-70.3%2049.6-142.7M480%20256a223.7%20223.7%200%200%200-76.6-168.7l-3.2.9c-50.7%2018.5-92.9%2067.4-92.9%2067.4s38.2%2034.2%2077.9%2092.8c49%2072.4%2049.6%20138.3%2049.5%20142.7A222.8%20222.8%200%200%200%20480%20256M201.2%2080.9c29.3%2013.1%2054.6%2034.6%2054.6%2034.6s25.5-21.4%2054.8-34.6c36.8-16.5%2064.9-11.3%2072.3-9.5a224.06%20224.06%200%200%200-253.8%200c7.2-1.8%2035.2-7.1%2072.1%209.5m157.5%20212C312.4%20236%20255.8%20199%20255.8%20199s-56.3%2037-102.7%2093.9c-39.8%2048.9-54.6%2084.8-62.6%20107.8l-1.3%204.8a224%20224%200%200%200%20333.6%200l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M126.8%20248.3c39.7-58.6%2077.9-92.8%2077.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13%20224.13%200%200%200%2077.2%20391c0-4.4.6-70.3%2049.6-142.7M480%20256a223.7%20223.7%200%200%200-76.6-168.7l-3.2.9c-50.7%2018.5-92.9%2067.4-92.9%2067.4s38.2%2034.2%2077.9%2092.8c49%2072.4%2049.6%20138.3%2049.5%20142.7A222.8%20222.8%200%200%200%20480%20256M201.2%2080.9c29.3%2013.1%2054.6%2034.6%2054.6%2034.6s25.5-21.4%2054.8-34.6c36.8-16.5%2064.9-11.3%2072.3-9.5a224.06%20224.06%200%200%200-253.8%200c7.2-1.8%2035.2-7.1%2072.1%209.5m157.5%20212C312.4%20236%20255.8%20199%20255.8%20199s-56.3%2037-102.7%2093.9c-39.8%2048.9-54.6%2084.8-62.6%20107.8l-1.3%204.8a224%20224%200%200%200%20333.6%200l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-xbox.svg?color=%231a73e8&size=48
