build awesome logo

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

Name
build-awesome
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

Use the build awesome logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c114.9 0 208 93.1 208 208c0 94.2-73.4 195.3-154.4 228.6l24.1 54.3c1.5 3.4 2.3 7 2.3 10.7c0 14.6-11.8 26.4-26.4 26.4H266.4c-14.6 0-26.4-11.8-26.4-26.4c0-3.7.8-7.3 2.3-10.7l24.1-54.3C185.4 467.3 112 366.2 112 272c0-114.9 93.1-208 208-208m-.6 85.6c-2.7-13-15.3-21.4-28.3-18.8c-62.6 12.8-110.5 66.2-114.8 131.5c-.9 13.2 9.2 24.7 22.4 25.5c13.2.9 24.6-9.2 25.5-22.4c2.9-43.5 34.8-79.1 76.5-87.6c13-2.6 21.4-15.3 18.7-28.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBuildAwesome(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="M320 64c114.9 0 208 93.1 208 208c0 94.2-73.4 195.3-154.4 228.6l24.1 54.3c1.5 3.4 2.3 7 2.3 10.7c0 14.6-11.8 26.4-26.4 26.4H266.4c-14.6 0-26.4-11.8-26.4-26.4c0-3.7.8-7.3 2.3-10.7l24.1-54.3C185.4 467.3 112 366.2 112 272c0-114.9 93.1-208 208-208m-.6 85.6c-2.7-13-15.3-21.4-28.3-18.8c-62.6 12.8-110.5 66.2-114.8 131.5c-.9 13.2 9.2 24.7 22.4 25.5c13.2.9 24.6-9.2 25.5-22.4c2.9-43.5 34.8-79.1 76.5-87.6c13-2.6 21.4-15.3 18.7-28.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c114.9 0 208 93.1 208 208c0 94.2-73.4 195.3-154.4 228.6l24.1 54.3c1.5 3.4 2.3 7 2.3 10.7c0 14.6-11.8 26.4-26.4 26.4H266.4c-14.6 0-26.4-11.8-26.4-26.4c0-3.7.8-7.3 2.3-10.7l24.1-54.3C185.4 467.3 112 366.2 112 272c0-114.9 93.1-208 208-208m-.6 85.6c-2.7-13-15.3-21.4-28.3-18.8c-62.6 12.8-110.5 66.2-114.8 131.5c-.9 13.2 9.2 24.7 22.4 25.5c13.2.9 24.6-9.2 25.5-22.4c2.9-43.5 34.8-79.1 76.5-87.6c13-2.6 21.4-15.3 18.7-28.3z"/></svg>
</template>

CSS

.icon-build-awesome {
  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%22M320%2064c114.9%200%20208%2093.1%20208%20208c0%2094.2-73.4%20195.3-154.4%20228.6l24.1%2054.3c1.5%203.4%202.3%207%202.3%2010.7c0%2014.6-11.8%2026.4-26.4%2026.4H266.4c-14.6%200-26.4-11.8-26.4-26.4c0-3.7.8-7.3%202.3-10.7l24.1-54.3C185.4%20467.3%20112%20366.2%20112%20272c0-114.9%2093.1-208%20208-208m-.6%2085.6c-2.7-13-15.3-21.4-28.3-18.8c-62.6%2012.8-110.5%2066.2-114.8%20131.5c-.9%2013.2%209.2%2024.7%2022.4%2025.5c13.2.9%2024.6-9.2%2025.5-22.4c2.9-43.5%2034.8-79.1%2076.5-87.6c13-2.6%2021.4-15.3%2018.7-28.3z%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%22M320%2064c114.9%200%20208%2093.1%20208%20208c0%2094.2-73.4%20195.3-154.4%20228.6l24.1%2054.3c1.5%203.4%202.3%207%202.3%2010.7c0%2014.6-11.8%2026.4-26.4%2026.4H266.4c-14.6%200-26.4-11.8-26.4-26.4c0-3.7.8-7.3%202.3-10.7l24.1-54.3C185.4%20467.3%20112%20366.2%20112%20272c0-114.9%2093.1-208%20208-208m-.6%2085.6c-2.7-13-15.3-21.4-28.3-18.8c-62.6%2012.8-110.5%2066.2-114.8%20131.5c-.9%2013.2%209.2%2024.7%2022.4%2025.5c13.2.9%2024.6-9.2%2025.5-22.4c2.9-43.5%2034.8-79.1%2076.5-87.6c13-2.6%2021.4-15.3%2018.7-28.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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