battle net logo

battle-net from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: battle-net
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

battle-netFont Awesome 6 Brands battle-netLine Awesome

Use the battle net logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.8 289.6c26.9.2 35.6-7.4 38.9-12.4c12.5-16.3-7.1-47.6-52.8-71.3c17.8-33.6 30.1-63.7 36.3-85.3c3.4-11.8 1.1-19 .5-20.3c-1.7 10.5-15.8 48.5-48.2 100c-25-11.2-56.5-20.1-93.8-23.8c-8.9-16.9-34.9-63.9-60.5-88.9c-16.8-16.5-30.3-22.6-40.8-23.5c-13.8-1.6-22.7 5.8-27.4 11c-17.2 18.5-24.3 48.9-25 84.1c-7.2-12.3-17.2-24.6-28.5-25.9h-.2c-20.7-3.5-38.4 29.2-36 81.3c-38.4 1.4-71 5.8-93 11.2c-9.9 2.4-16.2 7.3-17.8 9.7c1-.4 22.4-9.2 111.6-9.2c5.2 53 29.8 101.8 26 93.2c-9.7 15.4-38.2 62.4-47.3 97.7c-5.9 22.9-4.4 37.6.2 47.1c5.6 12.8 16.4 16.7 23.2 18.3c25 5.7 55.4-3.6 86.7-21.1c-7.5 12.8-13.9 28.5-9.1 39.3c7.3 19.6 44.5 18.7 88.4-9.4c20.2 32.2 40.1 57.9 55.7 74.1c2.6 2.8 5.5 5.2 8.8 7.1c5.1 3.2 8.6 3.4 8.6 3.4c-8.2-6.7-34-38-62.5-91.8c22.2-16 45.7-38.9 67.5-69.3c122.8 4.6 143.3-24.8 148-31.6c14.7-19.9 3.4-57.4-57.3-93.7zM435 395.8c23.8-37.7 30.3-67.8 29.4-92.3c27.9 17.6 47.2 37.6 49.1 58.8c1.1 12.9-8.1 29.1-78.5 33.5m-153.9 55.9c9.8-6.2 19.5-13.1 29.2-20.5c6.7 13.3 13.6 26.1 20.6 38.2c-40.6 21.9-68.8 12.8-49.8-17.7m215-171.3c-10.3-5.3-21.2-10.3-32.4-15c7.9-12.1 15.5-24.4 22.7-36.9c39.1 24.1 45.9 53.2 9.6 51.9zM343.4 462c-5.5-11.4-11-23.5-16.5-36.4c43.2 1.3 62.4-18.7 63.3-20.4c0 .1-25 15.6-62.5 12.2c30.6-25.6 59.1-53.7 85.1-84c8.7-10.2 17-20.6 24.9-31.1c-.4-.3-1.5-3-16.5-12c-51.7 60.3-102.3 98-132.8 115.9c-20.6-11.2-40.8-31.8-55.7-61.5c-20-39.9-30-82.4-31.6-116.1c12.3.9 25.3 2.2 38.8 3.9c-22.3 36.8-14.4 63-13.5 64.2c0-.1-1-29.2 20.1-59.6c9 52.5 24 103.8 44.7 152.8c.9-.4 1.8.9 18.7-8.2c-26.3-74.5-33.8-138.2-34-173.4c20-12.4 48.2-19.8 81.6-17.8c44.6 2.7 86.4 15.2 116.3 30.7c-7.1 10.4-14.9 21.3-23.3 32.5c-20.7-37.7-47.3-43.9-48.9-43.7c.1 0 25.9 14.1 41.5 47.2c-37.5-13.8-76.1-24.4-115.3-31.7c-13.1-2.4-26.2-4.4-39.4-6c-.1.4-1.8 1.8-2.2 20.3c77.9 14.5 136.6 39.9 167.2 57.2c.7 23.6-7 51.6-25.4 79.6c-24.6 37.3-56.4 67.2-84.8 85.4zm27.4-287c-44.6-1.7-73.6 7.4-94.7 20.7c2-52.3 21.3-76.4 38.2-75.3c16.9-4.2 54.9 52.2 56.5 54.6m-130.7 3.1c.5 12.1 1.6 24.6 3.2 37.3c-14.6-.9-28.7-1.3-42.4-1.3c-.1 3.2-.1-51 24.7-49.6h.1c5.8 1.1 10.6 6.9 14.4 13.6m-28.1 162c20.8 39.7 43.3 60.6 65.3 72.3c-46.8 24.8-77.5 20-84.9 4.5c-.2-.2-11.1-15.3 19.7-76.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBattleNet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.8 289.6c26.9.2 35.6-7.4 38.9-12.4c12.5-16.3-7.1-47.6-52.8-71.3c17.8-33.6 30.1-63.7 36.3-85.3c3.4-11.8 1.1-19 .5-20.3c-1.7 10.5-15.8 48.5-48.2 100c-25-11.2-56.5-20.1-93.8-23.8c-8.9-16.9-34.9-63.9-60.5-88.9c-16.8-16.5-30.3-22.6-40.8-23.5c-13.8-1.6-22.7 5.8-27.4 11c-17.2 18.5-24.3 48.9-25 84.1c-7.2-12.3-17.2-24.6-28.5-25.9h-.2c-20.7-3.5-38.4 29.2-36 81.3c-38.4 1.4-71 5.8-93 11.2c-9.9 2.4-16.2 7.3-17.8 9.7c1-.4 22.4-9.2 111.6-9.2c5.2 53 29.8 101.8 26 93.2c-9.7 15.4-38.2 62.4-47.3 97.7c-5.9 22.9-4.4 37.6.2 47.1c5.6 12.8 16.4 16.7 23.2 18.3c25 5.7 55.4-3.6 86.7-21.1c-7.5 12.8-13.9 28.5-9.1 39.3c7.3 19.6 44.5 18.7 88.4-9.4c20.2 32.2 40.1 57.9 55.7 74.1c2.6 2.8 5.5 5.2 8.8 7.1c5.1 3.2 8.6 3.4 8.6 3.4c-8.2-6.7-34-38-62.5-91.8c22.2-16 45.7-38.9 67.5-69.3c122.8 4.6 143.3-24.8 148-31.6c14.7-19.9 3.4-57.4-57.3-93.7zM435 395.8c23.8-37.7 30.3-67.8 29.4-92.3c27.9 17.6 47.2 37.6 49.1 58.8c1.1 12.9-8.1 29.1-78.5 33.5m-153.9 55.9c9.8-6.2 19.5-13.1 29.2-20.5c6.7 13.3 13.6 26.1 20.6 38.2c-40.6 21.9-68.8 12.8-49.8-17.7m215-171.3c-10.3-5.3-21.2-10.3-32.4-15c7.9-12.1 15.5-24.4 22.7-36.9c39.1 24.1 45.9 53.2 9.6 51.9zM343.4 462c-5.5-11.4-11-23.5-16.5-36.4c43.2 1.3 62.4-18.7 63.3-20.4c0 .1-25 15.6-62.5 12.2c30.6-25.6 59.1-53.7 85.1-84c8.7-10.2 17-20.6 24.9-31.1c-.4-.3-1.5-3-16.5-12c-51.7 60.3-102.3 98-132.8 115.9c-20.6-11.2-40.8-31.8-55.7-61.5c-20-39.9-30-82.4-31.6-116.1c12.3.9 25.3 2.2 38.8 3.9c-22.3 36.8-14.4 63-13.5 64.2c0-.1-1-29.2 20.1-59.6c9 52.5 24 103.8 44.7 152.8c.9-.4 1.8.9 18.7-8.2c-26.3-74.5-33.8-138.2-34-173.4c20-12.4 48.2-19.8 81.6-17.8c44.6 2.7 86.4 15.2 116.3 30.7c-7.1 10.4-14.9 21.3-23.3 32.5c-20.7-37.7-47.3-43.9-48.9-43.7c.1 0 25.9 14.1 41.5 47.2c-37.5-13.8-76.1-24.4-115.3-31.7c-13.1-2.4-26.2-4.4-39.4-6c-.1.4-1.8 1.8-2.2 20.3c77.9 14.5 136.6 39.9 167.2 57.2c.7 23.6-7 51.6-25.4 79.6c-24.6 37.3-56.4 67.2-84.8 85.4zm27.4-287c-44.6-1.7-73.6 7.4-94.7 20.7c2-52.3 21.3-76.4 38.2-75.3c16.9-4.2 54.9 52.2 56.5 54.6m-130.7 3.1c.5 12.1 1.6 24.6 3.2 37.3c-14.6-.9-28.7-1.3-42.4-1.3c-.1 3.2-.1-51 24.7-49.6h.1c5.8 1.1 10.6 6.9 14.4 13.6m-28.1 162c20.8 39.7 43.3 60.6 65.3 72.3c-46.8 24.8-77.5 20-84.9 4.5c-.2-.2-11.1-15.3 19.7-76.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.8 289.6c26.9.2 35.6-7.4 38.9-12.4c12.5-16.3-7.1-47.6-52.8-71.3c17.8-33.6 30.1-63.7 36.3-85.3c3.4-11.8 1.1-19 .5-20.3c-1.7 10.5-15.8 48.5-48.2 100c-25-11.2-56.5-20.1-93.8-23.8c-8.9-16.9-34.9-63.9-60.5-88.9c-16.8-16.5-30.3-22.6-40.8-23.5c-13.8-1.6-22.7 5.8-27.4 11c-17.2 18.5-24.3 48.9-25 84.1c-7.2-12.3-17.2-24.6-28.5-25.9h-.2c-20.7-3.5-38.4 29.2-36 81.3c-38.4 1.4-71 5.8-93 11.2c-9.9 2.4-16.2 7.3-17.8 9.7c1-.4 22.4-9.2 111.6-9.2c5.2 53 29.8 101.8 26 93.2c-9.7 15.4-38.2 62.4-47.3 97.7c-5.9 22.9-4.4 37.6.2 47.1c5.6 12.8 16.4 16.7 23.2 18.3c25 5.7 55.4-3.6 86.7-21.1c-7.5 12.8-13.9 28.5-9.1 39.3c7.3 19.6 44.5 18.7 88.4-9.4c20.2 32.2 40.1 57.9 55.7 74.1c2.6 2.8 5.5 5.2 8.8 7.1c5.1 3.2 8.6 3.4 8.6 3.4c-8.2-6.7-34-38-62.5-91.8c22.2-16 45.7-38.9 67.5-69.3c122.8 4.6 143.3-24.8 148-31.6c14.7-19.9 3.4-57.4-57.3-93.7zM435 395.8c23.8-37.7 30.3-67.8 29.4-92.3c27.9 17.6 47.2 37.6 49.1 58.8c1.1 12.9-8.1 29.1-78.5 33.5m-153.9 55.9c9.8-6.2 19.5-13.1 29.2-20.5c6.7 13.3 13.6 26.1 20.6 38.2c-40.6 21.9-68.8 12.8-49.8-17.7m215-171.3c-10.3-5.3-21.2-10.3-32.4-15c7.9-12.1 15.5-24.4 22.7-36.9c39.1 24.1 45.9 53.2 9.6 51.9zM343.4 462c-5.5-11.4-11-23.5-16.5-36.4c43.2 1.3 62.4-18.7 63.3-20.4c0 .1-25 15.6-62.5 12.2c30.6-25.6 59.1-53.7 85.1-84c8.7-10.2 17-20.6 24.9-31.1c-.4-.3-1.5-3-16.5-12c-51.7 60.3-102.3 98-132.8 115.9c-20.6-11.2-40.8-31.8-55.7-61.5c-20-39.9-30-82.4-31.6-116.1c12.3.9 25.3 2.2 38.8 3.9c-22.3 36.8-14.4 63-13.5 64.2c0-.1-1-29.2 20.1-59.6c9 52.5 24 103.8 44.7 152.8c.9-.4 1.8.9 18.7-8.2c-26.3-74.5-33.8-138.2-34-173.4c20-12.4 48.2-19.8 81.6-17.8c44.6 2.7 86.4 15.2 116.3 30.7c-7.1 10.4-14.9 21.3-23.3 32.5c-20.7-37.7-47.3-43.9-48.9-43.7c.1 0 25.9 14.1 41.5 47.2c-37.5-13.8-76.1-24.4-115.3-31.7c-13.1-2.4-26.2-4.4-39.4-6c-.1.4-1.8 1.8-2.2 20.3c77.9 14.5 136.6 39.9 167.2 57.2c.7 23.6-7 51.6-25.4 79.6c-24.6 37.3-56.4 67.2-84.8 85.4zm27.4-287c-44.6-1.7-73.6 7.4-94.7 20.7c2-52.3 21.3-76.4 38.2-75.3c16.9-4.2 54.9 52.2 56.5 54.6m-130.7 3.1c.5 12.1 1.6 24.6 3.2 37.3c-14.6-.9-28.7-1.3-42.4-1.3c-.1 3.2-.1-51 24.7-49.6h.1c5.8 1.1 10.6 6.9 14.4 13.6m-28.1 162c20.8 39.7 43.3 60.6 65.3 72.3c-46.8 24.8-77.5 20-84.9 4.5c-.2-.2-11.1-15.3 19.7-76.8z"/></svg>
</template>

CSS

.icon-battle-net {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.8%20289.6c26.9.2%2035.6-7.4%2038.9-12.4c12.5-16.3-7.1-47.6-52.8-71.3c17.8-33.6%2030.1-63.7%2036.3-85.3c3.4-11.8%201.1-19%20.5-20.3c-1.7%2010.5-15.8%2048.5-48.2%20100c-25-11.2-56.5-20.1-93.8-23.8c-8.9-16.9-34.9-63.9-60.5-88.9c-16.8-16.5-30.3-22.6-40.8-23.5c-13.8-1.6-22.7%205.8-27.4%2011c-17.2%2018.5-24.3%2048.9-25%2084.1c-7.2-12.3-17.2-24.6-28.5-25.9h-.2c-20.7-3.5-38.4%2029.2-36%2081.3c-38.4%201.4-71%205.8-93%2011.2c-9.9%202.4-16.2%207.3-17.8%209.7c1-.4%2022.4-9.2%20111.6-9.2c5.2%2053%2029.8%20101.8%2026%2093.2c-9.7%2015.4-38.2%2062.4-47.3%2097.7c-5.9%2022.9-4.4%2037.6.2%2047.1c5.6%2012.8%2016.4%2016.7%2023.2%2018.3c25%205.7%2055.4-3.6%2086.7-21.1c-7.5%2012.8-13.9%2028.5-9.1%2039.3c7.3%2019.6%2044.5%2018.7%2088.4-9.4c20.2%2032.2%2040.1%2057.9%2055.7%2074.1c2.6%202.8%205.5%205.2%208.8%207.1c5.1%203.2%208.6%203.4%208.6%203.4c-8.2-6.7-34-38-62.5-91.8c22.2-16%2045.7-38.9%2067.5-69.3c122.8%204.6%20143.3-24.8%20148-31.6c14.7-19.9%203.4-57.4-57.3-93.7zM435%20395.8c23.8-37.7%2030.3-67.8%2029.4-92.3c27.9%2017.6%2047.2%2037.6%2049.1%2058.8c1.1%2012.9-8.1%2029.1-78.5%2033.5m-153.9%2055.9c9.8-6.2%2019.5-13.1%2029.2-20.5c6.7%2013.3%2013.6%2026.1%2020.6%2038.2c-40.6%2021.9-68.8%2012.8-49.8-17.7m215-171.3c-10.3-5.3-21.2-10.3-32.4-15c7.9-12.1%2015.5-24.4%2022.7-36.9c39.1%2024.1%2045.9%2053.2%209.6%2051.9zM343.4%20462c-5.5-11.4-11-23.5-16.5-36.4c43.2%201.3%2062.4-18.7%2063.3-20.4c0%20.1-25%2015.6-62.5%2012.2c30.6-25.6%2059.1-53.7%2085.1-84c8.7-10.2%2017-20.6%2024.9-31.1c-.4-.3-1.5-3-16.5-12c-51.7%2060.3-102.3%2098-132.8%20115.9c-20.6-11.2-40.8-31.8-55.7-61.5c-20-39.9-30-82.4-31.6-116.1c12.3.9%2025.3%202.2%2038.8%203.9c-22.3%2036.8-14.4%2063-13.5%2064.2c0-.1-1-29.2%2020.1-59.6c9%2052.5%2024%20103.8%2044.7%20152.8c.9-.4%201.8.9%2018.7-8.2c-26.3-74.5-33.8-138.2-34-173.4c20-12.4%2048.2-19.8%2081.6-17.8c44.6%202.7%2086.4%2015.2%20116.3%2030.7c-7.1%2010.4-14.9%2021.3-23.3%2032.5c-20.7-37.7-47.3-43.9-48.9-43.7c.1%200%2025.9%2014.1%2041.5%2047.2c-37.5-13.8-76.1-24.4-115.3-31.7c-13.1-2.4-26.2-4.4-39.4-6c-.1.4-1.8%201.8-2.2%2020.3c77.9%2014.5%20136.6%2039.9%20167.2%2057.2c.7%2023.6-7%2051.6-25.4%2079.6c-24.6%2037.3-56.4%2067.2-84.8%2085.4zm27.4-287c-44.6-1.7-73.6%207.4-94.7%2020.7c2-52.3%2021.3-76.4%2038.2-75.3c16.9-4.2%2054.9%2052.2%2056.5%2054.6m-130.7%203.1c.5%2012.1%201.6%2024.6%203.2%2037.3c-14.6-.9-28.7-1.3-42.4-1.3c-.1%203.2-.1-51%2024.7-49.6h.1c5.8%201.1%2010.6%206.9%2014.4%2013.6m-28.1%20162c20.8%2039.7%2043.3%2060.6%2065.3%2072.3c-46.8%2024.8-77.5%2020-84.9%204.5c-.2-.2-11.1-15.3%2019.7-76.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.8%20289.6c26.9.2%2035.6-7.4%2038.9-12.4c12.5-16.3-7.1-47.6-52.8-71.3c17.8-33.6%2030.1-63.7%2036.3-85.3c3.4-11.8%201.1-19%20.5-20.3c-1.7%2010.5-15.8%2048.5-48.2%20100c-25-11.2-56.5-20.1-93.8-23.8c-8.9-16.9-34.9-63.9-60.5-88.9c-16.8-16.5-30.3-22.6-40.8-23.5c-13.8-1.6-22.7%205.8-27.4%2011c-17.2%2018.5-24.3%2048.9-25%2084.1c-7.2-12.3-17.2-24.6-28.5-25.9h-.2c-20.7-3.5-38.4%2029.2-36%2081.3c-38.4%201.4-71%205.8-93%2011.2c-9.9%202.4-16.2%207.3-17.8%209.7c1-.4%2022.4-9.2%20111.6-9.2c5.2%2053%2029.8%20101.8%2026%2093.2c-9.7%2015.4-38.2%2062.4-47.3%2097.7c-5.9%2022.9-4.4%2037.6.2%2047.1c5.6%2012.8%2016.4%2016.7%2023.2%2018.3c25%205.7%2055.4-3.6%2086.7-21.1c-7.5%2012.8-13.9%2028.5-9.1%2039.3c7.3%2019.6%2044.5%2018.7%2088.4-9.4c20.2%2032.2%2040.1%2057.9%2055.7%2074.1c2.6%202.8%205.5%205.2%208.8%207.1c5.1%203.2%208.6%203.4%208.6%203.4c-8.2-6.7-34-38-62.5-91.8c22.2-16%2045.7-38.9%2067.5-69.3c122.8%204.6%20143.3-24.8%20148-31.6c14.7-19.9%203.4-57.4-57.3-93.7zM435%20395.8c23.8-37.7%2030.3-67.8%2029.4-92.3c27.9%2017.6%2047.2%2037.6%2049.1%2058.8c1.1%2012.9-8.1%2029.1-78.5%2033.5m-153.9%2055.9c9.8-6.2%2019.5-13.1%2029.2-20.5c6.7%2013.3%2013.6%2026.1%2020.6%2038.2c-40.6%2021.9-68.8%2012.8-49.8-17.7m215-171.3c-10.3-5.3-21.2-10.3-32.4-15c7.9-12.1%2015.5-24.4%2022.7-36.9c39.1%2024.1%2045.9%2053.2%209.6%2051.9zM343.4%20462c-5.5-11.4-11-23.5-16.5-36.4c43.2%201.3%2062.4-18.7%2063.3-20.4c0%20.1-25%2015.6-62.5%2012.2c30.6-25.6%2059.1-53.7%2085.1-84c8.7-10.2%2017-20.6%2024.9-31.1c-.4-.3-1.5-3-16.5-12c-51.7%2060.3-102.3%2098-132.8%20115.9c-20.6-11.2-40.8-31.8-55.7-61.5c-20-39.9-30-82.4-31.6-116.1c12.3.9%2025.3%202.2%2038.8%203.9c-22.3%2036.8-14.4%2063-13.5%2064.2c0-.1-1-29.2%2020.1-59.6c9%2052.5%2024%20103.8%2044.7%20152.8c.9-.4%201.8.9%2018.7-8.2c-26.3-74.5-33.8-138.2-34-173.4c20-12.4%2048.2-19.8%2081.6-17.8c44.6%202.7%2086.4%2015.2%20116.3%2030.7c-7.1%2010.4-14.9%2021.3-23.3%2032.5c-20.7-37.7-47.3-43.9-48.9-43.7c.1%200%2025.9%2014.1%2041.5%2047.2c-37.5-13.8-76.1-24.4-115.3-31.7c-13.1-2.4-26.2-4.4-39.4-6c-.1.4-1.8%201.8-2.2%2020.3c77.9%2014.5%20136.6%2039.9%20167.2%2057.2c.7%2023.6-7%2051.6-25.4%2079.6c-24.6%2037.3-56.4%2067.2-84.8%2085.4zm27.4-287c-44.6-1.7-73.6%207.4-94.7%2020.7c2-52.3%2021.3-76.4%2038.2-75.3c16.9-4.2%2054.9%2052.2%2056.5%2054.6m-130.7%203.1c.5%2012.1%201.6%2024.6%203.2%2037.3c-14.6-.9-28.7-1.3-42.4-1.3c-.1%203.2-.1-51%2024.7-49.6h.1c5.8%201.1%2010.6%206.9%2014.4%2013.6m-28.1%20162c20.8%2039.7%2043.3%2060.6%2065.3%2072.3c-46.8%2024.8-77.5%2020-84.9%204.5c-.2-.2-11.1-15.3%2019.7-76.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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