sith logo

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

Name: sith
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

sithFont Awesome Brands sithLine Awesome

Use the sith logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="m0 32l69.71 118.75l-58.86-11.52l69.84 91.03a146.7 146.7 0 0 0 0 51.45l-69.84 91.03l58.86-11.52L0 480l118.75-69.71l-11.52 58.86l91.03-69.84c17.02 3.04 34.47 3.04 51.48 0l91.03 69.84l-11.52-58.86L448 480l-69.71-118.78l58.86 11.52l-69.84-91.03c3.03-17.01 3.04-34.44 0-51.45l69.84-91.03l-58.86 11.52L448 32l-118.75 69.71l11.52-58.9l-91.06 69.87c-8.5-1.52-17.1-2.29-25.71-2.29s-17.21.78-25.71 2.29l-91.06-69.87l11.52 58.9zm224 99.78c31.8 0 63.6 12.12 87.85 36.37c48.5 48.5 48.49 127.21 0 175.7s-127.2 48.46-175.7-.03c-48.5-48.5-48.49-127.21 0-175.7c24.24-24.25 56.05-36.34 87.85-36.34m0 36.66c-22.42 0-44.83 8.52-61.92 25.61c-34.18 34.18-34.19 89.68 0 123.87s89.65 34.18 123.84 0c34.18-34.18 34.19-89.68 0-123.87c-17.09-17.09-39.5-25.61-61.92-25.61"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsSith(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="m0 32l69.71 118.75l-58.86-11.52l69.84 91.03a146.7 146.7 0 0 0 0 51.45l-69.84 91.03l58.86-11.52L0 480l118.75-69.71l-11.52 58.86l91.03-69.84c17.02 3.04 34.47 3.04 51.48 0l91.03 69.84l-11.52-58.86L448 480l-69.71-118.78l58.86 11.52l-69.84-91.03c3.03-17.01 3.04-34.44 0-51.45l69.84-91.03l-58.86 11.52L448 32l-118.75 69.71l11.52-58.9l-91.06 69.87c-8.5-1.52-17.1-2.29-25.71-2.29s-17.21.78-25.71 2.29l-91.06-69.87l11.52 58.9zm224 99.78c31.8 0 63.6 12.12 87.85 36.37c48.5 48.5 48.49 127.21 0 175.7s-127.2 48.46-175.7-.03c-48.5-48.5-48.49-127.21 0-175.7c24.24-24.25 56.05-36.34 87.85-36.34m0 36.66c-22.42 0-44.83 8.52-61.92 25.61c-34.18 34.18-34.19 89.68 0 123.87s89.65 34.18 123.84 0c34.18-34.18 34.19-89.68 0-123.87c-17.09-17.09-39.5-25.61-61.92-25.61"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="m0 32l69.71 118.75l-58.86-11.52l69.84 91.03a146.7 146.7 0 0 0 0 51.45l-69.84 91.03l58.86-11.52L0 480l118.75-69.71l-11.52 58.86l91.03-69.84c17.02 3.04 34.47 3.04 51.48 0l91.03 69.84l-11.52-58.86L448 480l-69.71-118.78l58.86 11.52l-69.84-91.03c3.03-17.01 3.04-34.44 0-51.45l69.84-91.03l-58.86 11.52L448 32l-118.75 69.71l11.52-58.9l-91.06 69.87c-8.5-1.52-17.1-2.29-25.71-2.29s-17.21.78-25.71 2.29l-91.06-69.87l11.52 58.9zm224 99.78c31.8 0 63.6 12.12 87.85 36.37c48.5 48.5 48.49 127.21 0 175.7s-127.2 48.46-175.7-.03c-48.5-48.5-48.49-127.21 0-175.7c24.24-24.25 56.05-36.34 87.85-36.34m0 36.66c-22.42 0-44.83 8.52-61.92 25.61c-34.18 34.18-34.19 89.68 0 123.87s89.65 34.18 123.84 0c34.18-34.18 34.19-89.68 0-123.87c-17.09-17.09-39.5-25.61-61.92-25.61"/></svg>
</template>

CSS

.icon-sith {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m0%2032l69.71%20118.75l-58.86-11.52l69.84%2091.03a146.7%20146.7%200%200%200%200%2051.45l-69.84%2091.03l58.86-11.52L0%20480l118.75-69.71l-11.52%2058.86l91.03-69.84c17.02%203.04%2034.47%203.04%2051.48%200l91.03%2069.84l-11.52-58.86L448%20480l-69.71-118.78l58.86%2011.52l-69.84-91.03c3.03-17.01%203.04-34.44%200-51.45l69.84-91.03l-58.86%2011.52L448%2032l-118.75%2069.71l11.52-58.9l-91.06%2069.87c-8.5-1.52-17.1-2.29-25.71-2.29s-17.21.78-25.71%202.29l-91.06-69.87l11.52%2058.9zm224%2099.78c31.8%200%2063.6%2012.12%2087.85%2036.37c48.5%2048.5%2048.49%20127.21%200%20175.7s-127.2%2048.46-175.7-.03c-48.5-48.5-48.49-127.21%200-175.7c24.24-24.25%2056.05-36.34%2087.85-36.34m0%2036.66c-22.42%200-44.83%208.52-61.92%2025.61c-34.18%2034.18-34.19%2089.68%200%20123.87s89.65%2034.18%20123.84%200c34.18-34.18%2034.19-89.68%200-123.87c-17.09-17.09-39.5-25.61-61.92-25.61%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m0%2032l69.71%20118.75l-58.86-11.52l69.84%2091.03a146.7%20146.7%200%200%200%200%2051.45l-69.84%2091.03l58.86-11.52L0%20480l118.75-69.71l-11.52%2058.86l91.03-69.84c17.02%203.04%2034.47%203.04%2051.48%200l91.03%2069.84l-11.52-58.86L448%20480l-69.71-118.78l58.86%2011.52l-69.84-91.03c3.03-17.01%203.04-34.44%200-51.45l69.84-91.03l-58.86%2011.52L448%2032l-118.75%2069.71l11.52-58.9l-91.06%2069.87c-8.5-1.52-17.1-2.29-25.71-2.29s-17.21.78-25.71%202.29l-91.06-69.87l11.52%2058.9zm224%2099.78c31.8%200%2063.6%2012.12%2087.85%2036.37c48.5%2048.5%2048.49%20127.21%200%20175.7s-127.2%2048.46-175.7-.03c-48.5-48.5-48.49-127.21%200-175.7c24.24-24.25%2056.05-36.34%2087.85-36.34m0%2036.66c-22.42%200-44.83%208.52-61.92%2025.61c-34.18%2034.18-34.19%2089.68%200%20123.87s89.65%2034.18%20123.84%200c34.18-34.18%2034.19-89.68%200-123.87c-17.09-17.09-39.5-25.61-61.92-25.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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