xbox logo

xbox from Font Awesome 6 Brands by Dave Gandy · Regular · Games · CC-BY-4.0 Attribution required.

Name: xbox
Set: Font Awesome 6 Brands
Style: Regular
Category: Games
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

xboxBootstrap Icons xboxBoxicons Brands xboxCoreUI Brands xboxFont Awesome Brands xboxIonIcons xboxLine Awesome xbox-fillMingCute Icon xbox-fillRemix Icon xboxSimple Icons

More games icons from Font Awesome 6 Brands

playstation steam steam-symbol twitch

Use the xbox logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M369.9 318.2c44.3 54.3 64.7 98.8 54.4 118.7c-7.9 15.1-56.7 44.6-92.6 55.9c-29.6 9.3-68.4 13.3-100.4 10.2c-38.2-3.7-76.9-17.4-110.1-39C93.3 445.8 87 438.3 87 423.4c0-29.9 32.9-82.3 89.2-142.1c32-33.9 76.5-73.7 81.4-72.6c9.4 2.1 84.3 75.1 112.3 109.5M188.6 143.8c-29.7-26.9-58.1-53.9-86.4-63.4c-15.2-5.1-16.3-4.8-28.7 8.1c-29.2 30.4-53.5 79.7-60.3 122.4c-5.4 34.2-6.1 43.8-4.2 60.5c5.6 50.5 17.3 85.4 40.5 120.9c9.5 14.6 12.1 17.3 9.3 9.9c-4.2-11-.3-37.5 9.5-64c14.3-39 53.9-112.9 120.3-194.4m311.6 63.5C483.3 127.3 432.7 77 425.6 77c-7.3 0-24.2 6.5-36 13.9c-23.3 14.5-41 31.4-64.3 52.8C367.7 197 427.5 283.1 448.2 346c6.8 20.7 9.7 41.1 7.4 52.3c-1.7 8.5-1.7 8.5 1.4 4.6c6.1-7.7 19.9-31.3 25.4-43.5c7.4-16.2 15-40.2 18.6-58.7c4.3-22.5 3.9-70.8-.8-93.4M141.3 43C189 40.5 251 77.5 255.6 78.4c.7.1 10.4-4.2 21.6-9.7c63.9-31.1 94-25.8 107.4-25.2c-63.9-39.3-152.7-50-233.9-11.7c-23.4 11.1-24 11.9-9.4 11.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsXbox(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="M369.9 318.2c44.3 54.3 64.7 98.8 54.4 118.7c-7.9 15.1-56.7 44.6-92.6 55.9c-29.6 9.3-68.4 13.3-100.4 10.2c-38.2-3.7-76.9-17.4-110.1-39C93.3 445.8 87 438.3 87 423.4c0-29.9 32.9-82.3 89.2-142.1c32-33.9 76.5-73.7 81.4-72.6c9.4 2.1 84.3 75.1 112.3 109.5M188.6 143.8c-29.7-26.9-58.1-53.9-86.4-63.4c-15.2-5.1-16.3-4.8-28.7 8.1c-29.2 30.4-53.5 79.7-60.3 122.4c-5.4 34.2-6.1 43.8-4.2 60.5c5.6 50.5 17.3 85.4 40.5 120.9c9.5 14.6 12.1 17.3 9.3 9.9c-4.2-11-.3-37.5 9.5-64c14.3-39 53.9-112.9 120.3-194.4m311.6 63.5C483.3 127.3 432.7 77 425.6 77c-7.3 0-24.2 6.5-36 13.9c-23.3 14.5-41 31.4-64.3 52.8C367.7 197 427.5 283.1 448.2 346c6.8 20.7 9.7 41.1 7.4 52.3c-1.7 8.5-1.7 8.5 1.4 4.6c6.1-7.7 19.9-31.3 25.4-43.5c7.4-16.2 15-40.2 18.6-58.7c4.3-22.5 3.9-70.8-.8-93.4M141.3 43C189 40.5 251 77.5 255.6 78.4c.7.1 10.4-4.2 21.6-9.7c63.9-31.1 94-25.8 107.4-25.2c-63.9-39.3-152.7-50-233.9-11.7c-23.4 11.1-24 11.9-9.4 11.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M369.9 318.2c44.3 54.3 64.7 98.8 54.4 118.7c-7.9 15.1-56.7 44.6-92.6 55.9c-29.6 9.3-68.4 13.3-100.4 10.2c-38.2-3.7-76.9-17.4-110.1-39C93.3 445.8 87 438.3 87 423.4c0-29.9 32.9-82.3 89.2-142.1c32-33.9 76.5-73.7 81.4-72.6c9.4 2.1 84.3 75.1 112.3 109.5M188.6 143.8c-29.7-26.9-58.1-53.9-86.4-63.4c-15.2-5.1-16.3-4.8-28.7 8.1c-29.2 30.4-53.5 79.7-60.3 122.4c-5.4 34.2-6.1 43.8-4.2 60.5c5.6 50.5 17.3 85.4 40.5 120.9c9.5 14.6 12.1 17.3 9.3 9.9c-4.2-11-.3-37.5 9.5-64c14.3-39 53.9-112.9 120.3-194.4m311.6 63.5C483.3 127.3 432.7 77 425.6 77c-7.3 0-24.2 6.5-36 13.9c-23.3 14.5-41 31.4-64.3 52.8C367.7 197 427.5 283.1 448.2 346c6.8 20.7 9.7 41.1 7.4 52.3c-1.7 8.5-1.7 8.5 1.4 4.6c6.1-7.7 19.9-31.3 25.4-43.5c7.4-16.2 15-40.2 18.6-58.7c4.3-22.5 3.9-70.8-.8-93.4M141.3 43C189 40.5 251 77.5 255.6 78.4c.7.1 10.4-4.2 21.6-9.7c63.9-31.1 94-25.8 107.4-25.2c-63.9-39.3-152.7-50-233.9-11.7c-23.4 11.1-24 11.9-9.4 11.2"/></svg>
</template>

CSS

.icon-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%22M369.9%20318.2c44.3%2054.3%2064.7%2098.8%2054.4%20118.7c-7.9%2015.1-56.7%2044.6-92.6%2055.9c-29.6%209.3-68.4%2013.3-100.4%2010.2c-38.2-3.7-76.9-17.4-110.1-39C93.3%20445.8%2087%20438.3%2087%20423.4c0-29.9%2032.9-82.3%2089.2-142.1c32-33.9%2076.5-73.7%2081.4-72.6c9.4%202.1%2084.3%2075.1%20112.3%20109.5M188.6%20143.8c-29.7-26.9-58.1-53.9-86.4-63.4c-15.2-5.1-16.3-4.8-28.7%208.1c-29.2%2030.4-53.5%2079.7-60.3%20122.4c-5.4%2034.2-6.1%2043.8-4.2%2060.5c5.6%2050.5%2017.3%2085.4%2040.5%20120.9c9.5%2014.6%2012.1%2017.3%209.3%209.9c-4.2-11-.3-37.5%209.5-64c14.3-39%2053.9-112.9%20120.3-194.4m311.6%2063.5C483.3%20127.3%20432.7%2077%20425.6%2077c-7.3%200-24.2%206.5-36%2013.9c-23.3%2014.5-41%2031.4-64.3%2052.8C367.7%20197%20427.5%20283.1%20448.2%20346c6.8%2020.7%209.7%2041.1%207.4%2052.3c-1.7%208.5-1.7%208.5%201.4%204.6c6.1-7.7%2019.9-31.3%2025.4-43.5c7.4-16.2%2015-40.2%2018.6-58.7c4.3-22.5%203.9-70.8-.8-93.4M141.3%2043C189%2040.5%20251%2077.5%20255.6%2078.4c.7.1%2010.4-4.2%2021.6-9.7c63.9-31.1%2094-25.8%20107.4-25.2c-63.9-39.3-152.7-50-233.9-11.7c-23.4%2011.1-24%2011.9-9.4%2011.2%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%22M369.9%20318.2c44.3%2054.3%2064.7%2098.8%2054.4%20118.7c-7.9%2015.1-56.7%2044.6-92.6%2055.9c-29.6%209.3-68.4%2013.3-100.4%2010.2c-38.2-3.7-76.9-17.4-110.1-39C93.3%20445.8%2087%20438.3%2087%20423.4c0-29.9%2032.9-82.3%2089.2-142.1c32-33.9%2076.5-73.7%2081.4-72.6c9.4%202.1%2084.3%2075.1%20112.3%20109.5M188.6%20143.8c-29.7-26.9-58.1-53.9-86.4-63.4c-15.2-5.1-16.3-4.8-28.7%208.1c-29.2%2030.4-53.5%2079.7-60.3%20122.4c-5.4%2034.2-6.1%2043.8-4.2%2060.5c5.6%2050.5%2017.3%2085.4%2040.5%20120.9c9.5%2014.6%2012.1%2017.3%209.3%209.9c-4.2-11-.3-37.5%209.5-64c14.3-39%2053.9-112.9%20120.3-194.4m311.6%2063.5C483.3%20127.3%20432.7%2077%20425.6%2077c-7.3%200-24.2%206.5-36%2013.9c-23.3%2014.5-41%2031.4-64.3%2052.8C367.7%20197%20427.5%20283.1%20448.2%20346c6.8%2020.7%209.7%2041.1%207.4%2052.3c-1.7%208.5-1.7%208.5%201.4%204.6c6.1-7.7%2019.9-31.3%2025.4-43.5c7.4-16.2%2015-40.2%2018.6-58.7c4.3-22.5%203.9-70.8-.8-93.4M141.3%2043C189%2040.5%20251%2077.5%20255.6%2078.4c.7.1%2010.4-4.2%2021.6-9.7c63.9-31.1%2094-25.8%20107.4-25.2c-63.9-39.3-152.7-50-233.9-11.7c-23.4%2011.1-24%2011.9-9.4%2011.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/xbox.svg?color=%231a73e8&size=48