superpowers logo

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

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

The same logo in other sets

superpowersFont Awesome Brands superpowersLine Awesome

Use the superpowers logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M448 32c-83.3 11-166.8 22-250 33c-92 12.5-163.3 86.7-169 180c-3.3 55.5 18 109.5 57.8 148.2L0 480c83.3-11 166.5-22 249.8-33c91.8-12.5 163.3-86.8 168.7-179.8c3.5-55.5-18-109.5-57.7-148.2zm-79.7 232.3c-4.2 79.5-74 139.2-152.8 134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2 74.3-139.3 153-134.5c79.3 4.7 140.5 71 136.1 151"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsSuperpowers(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="M448 32c-83.3 11-166.8 22-250 33c-92 12.5-163.3 86.7-169 180c-3.3 55.5 18 109.5 57.8 148.2L0 480c83.3-11 166.5-22 249.8-33c91.8-12.5 163.3-86.8 168.7-179.8c3.5-55.5-18-109.5-57.7-148.2zm-79.7 232.3c-4.2 79.5-74 139.2-152.8 134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2 74.3-139.3 153-134.5c79.3 4.7 140.5 71 136.1 151"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M448 32c-83.3 11-166.8 22-250 33c-92 12.5-163.3 86.7-169 180c-3.3 55.5 18 109.5 57.8 148.2L0 480c83.3-11 166.5-22 249.8-33c91.8-12.5 163.3-86.8 168.7-179.8c3.5-55.5-18-109.5-57.7-148.2zm-79.7 232.3c-4.2 79.5-74 139.2-152.8 134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2 74.3-139.3 153-134.5c79.3 4.7 140.5 71 136.1 151"/></svg>
</template>

CSS

.icon-superpowers {
  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%22M448%2032c-83.3%2011-166.8%2022-250%2033c-92%2012.5-163.3%2086.7-169%20180c-3.3%2055.5%2018%20109.5%2057.8%20148.2L0%20480c83.3-11%20166.5-22%20249.8-33c91.8-12.5%20163.3-86.8%20168.7-179.8c3.5-55.5-18-109.5-57.7-148.2zm-79.7%20232.3c-4.2%2079.5-74%20139.2-152.8%20134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2%2074.3-139.3%20153-134.5c79.3%204.7%20140.5%2071%20136.1%20151%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%22M448%2032c-83.3%2011-166.8%2022-250%2033c-92%2012.5-163.3%2086.7-169%20180c-3.3%2055.5%2018%20109.5%2057.8%20148.2L0%20480c83.3-11%20166.5-22%20249.8-33c91.8-12.5%20163.3-86.8%20168.7-179.8c3.5-55.5-18-109.5-57.7-148.2zm-79.7%20232.3c-4.2%2079.5-74%20139.2-152.8%20134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2%2074.3-139.3%20153-134.5c79.3%204.7%20140.5%2071%20136.1%20151%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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