stackpath logo

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

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

The same logo in other sets

stackpathCoreUI Brands stackpathFont Awesome Brands stackpathLine Awesome stackpathMaterial Design Icons stackpathSimple Icons

Use the stackpath logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M244.6 232.4c0 8.5-4.26 20.49-21.34 20.49h-19.61v-41.47h19.61c17.13 0 21.34 12.36 21.34 20.98M448 32v448H0V32zM151.3 287.84c0-21.24-12.12-34.54-46.72-44.85c-20.57-7.41-26-10.91-26-18.63s7-14.61 20.41-14.61c14.09 0 20.79 8.45 20.79 18.35h30.7l.19-.57c.5-19.57-15.06-41.65-51.12-41.65c-23.37 0-52.55 10.75-52.55 38.29c0 19.4 9.25 31.29 50.74 44.37c17.26 6.15 21.91 10.4 21.91 19.48c0 15.2-19.13 14.23-19.47 14.23c-20.4 0-25.65-9.1-25.65-21.9h-30.8l-.18.56c-.68 31.32 28.38 45.22 56.63 45.22c29.98 0 51.12-13.55 51.12-38.29m125.38-55.63c0-25.3-18.43-45.46-53.42-45.46h-51.78v138.18h32.17v-47.36h19.61c30.25 0 53.42-15.95 53.42-45.36M297.94 325L347 186.78h-31.09L268 325zm106.52-138.22h-31.09L325.46 325h29.94z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsStackpath(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="M244.6 232.4c0 8.5-4.26 20.49-21.34 20.49h-19.61v-41.47h19.61c17.13 0 21.34 12.36 21.34 20.98M448 32v448H0V32zM151.3 287.84c0-21.24-12.12-34.54-46.72-44.85c-20.57-7.41-26-10.91-26-18.63s7-14.61 20.41-14.61c14.09 0 20.79 8.45 20.79 18.35h30.7l.19-.57c.5-19.57-15.06-41.65-51.12-41.65c-23.37 0-52.55 10.75-52.55 38.29c0 19.4 9.25 31.29 50.74 44.37c17.26 6.15 21.91 10.4 21.91 19.48c0 15.2-19.13 14.23-19.47 14.23c-20.4 0-25.65-9.1-25.65-21.9h-30.8l-.18.56c-.68 31.32 28.38 45.22 56.63 45.22c29.98 0 51.12-13.55 51.12-38.29m125.38-55.63c0-25.3-18.43-45.46-53.42-45.46h-51.78v138.18h32.17v-47.36h19.61c30.25 0 53.42-15.95 53.42-45.36M297.94 325L347 186.78h-31.09L268 325zm106.52-138.22h-31.09L325.46 325h29.94z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M244.6 232.4c0 8.5-4.26 20.49-21.34 20.49h-19.61v-41.47h19.61c17.13 0 21.34 12.36 21.34 20.98M448 32v448H0V32zM151.3 287.84c0-21.24-12.12-34.54-46.72-44.85c-20.57-7.41-26-10.91-26-18.63s7-14.61 20.41-14.61c14.09 0 20.79 8.45 20.79 18.35h30.7l.19-.57c.5-19.57-15.06-41.65-51.12-41.65c-23.37 0-52.55 10.75-52.55 38.29c0 19.4 9.25 31.29 50.74 44.37c17.26 6.15 21.91 10.4 21.91 19.48c0 15.2-19.13 14.23-19.47 14.23c-20.4 0-25.65-9.1-25.65-21.9h-30.8l-.18.56c-.68 31.32 28.38 45.22 56.63 45.22c29.98 0 51.12-13.55 51.12-38.29m125.38-55.63c0-25.3-18.43-45.46-53.42-45.46h-51.78v138.18h32.17v-47.36h19.61c30.25 0 53.42-15.95 53.42-45.36M297.94 325L347 186.78h-31.09L268 325zm106.52-138.22h-31.09L325.46 325h29.94z"/></svg>
</template>

CSS

.icon-stackpath {
  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%22M244.6%20232.4c0%208.5-4.26%2020.49-21.34%2020.49h-19.61v-41.47h19.61c17.13%200%2021.34%2012.36%2021.34%2020.98M448%2032v448H0V32zM151.3%20287.84c0-21.24-12.12-34.54-46.72-44.85c-20.57-7.41-26-10.91-26-18.63s7-14.61%2020.41-14.61c14.09%200%2020.79%208.45%2020.79%2018.35h30.7l.19-.57c.5-19.57-15.06-41.65-51.12-41.65c-23.37%200-52.55%2010.75-52.55%2038.29c0%2019.4%209.25%2031.29%2050.74%2044.37c17.26%206.15%2021.91%2010.4%2021.91%2019.48c0%2015.2-19.13%2014.23-19.47%2014.23c-20.4%200-25.65-9.1-25.65-21.9h-30.8l-.18.56c-.68%2031.32%2028.38%2045.22%2056.63%2045.22c29.98%200%2051.12-13.55%2051.12-38.29m125.38-55.63c0-25.3-18.43-45.46-53.42-45.46h-51.78v138.18h32.17v-47.36h19.61c30.25%200%2053.42-15.95%2053.42-45.36M297.94%20325L347%20186.78h-31.09L268%20325zm106.52-138.22h-31.09L325.46%20325h29.94z%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%22M244.6%20232.4c0%208.5-4.26%2020.49-21.34%2020.49h-19.61v-41.47h19.61c17.13%200%2021.34%2012.36%2021.34%2020.98M448%2032v448H0V32zM151.3%20287.84c0-21.24-12.12-34.54-46.72-44.85c-20.57-7.41-26-10.91-26-18.63s7-14.61%2020.41-14.61c14.09%200%2020.79%208.45%2020.79%2018.35h30.7l.19-.57c.5-19.57-15.06-41.65-51.12-41.65c-23.37%200-52.55%2010.75-52.55%2038.29c0%2019.4%209.25%2031.29%2050.74%2044.37c17.26%206.15%2021.91%2010.4%2021.91%2019.48c0%2015.2-19.13%2014.23-19.47%2014.23c-20.4%200-25.65-9.1-25.65-21.9h-30.8l-.18.56c-.68%2031.32%2028.38%2045.22%2056.63%2045.22c29.98%200%2051.12-13.55%2051.12-38.29m125.38-55.63c0-25.3-18.43-45.46-53.42-45.46h-51.78v138.18h32.17v-47.36h19.61c30.25%200%2053.42-15.95%2053.42-45.36M297.94%20325L347%20186.78h-31.09L268%20325zm106.52-138.22h-31.09L325.46%20325h29.94z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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