behance square logo

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

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

The same logo in other sets

behance-square-filledAnt Design Icons behance-squareJam Icons behance-squareLine Awesome

Use the behance square logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M251.3 382.4c17.2 0 31.2-6.1 31.2-25.4c0-19.7-11.7-27.4-30.3-27.5h-46v52.9zm-5.4-129.6h-39.6v44.8H249c15.1 0 25.8-6.6 25.8-22.9c0-17.7-13.7-21.9-28.9-21.9m129.5 74.8h62.2c-1.7-18.5-11.3-29.7-30.5-29.7c-18.3 0-30.5 11.4-31.7 29.7M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64m-34.5 153h-77.8v-18.9h77.8zm-155.8 58.7c23.6 6.7 35 27.5 35 51.6c0 39-32.7 55.7-67.6 55.9H164v-192h90.5c32.9 0 61.4 9.3 61.4 47.5c0 19.3-9 28.8-26.2 37m118.7-38.6c43.5 0 67.6 34.3 67.6 75.4c0 1.6-.1 3.3-.2 5c0 .8-.1 1.5-.1 2.2H375.5c0 22.2 11.7 35.3 34.1 35.3c11.6 0 26.5-6.2 30.2-18.1h33.7c-10.4 31.9-31.9 46.8-65.1 46.8c-43.8 0-71.1-29.7-71.1-73c0-41.8 28.7-73.6 71.1-73.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBehanceSquare(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="M251.3 382.4c17.2 0 31.2-6.1 31.2-25.4c0-19.7-11.7-27.4-30.3-27.5h-46v52.9zm-5.4-129.6h-39.6v44.8H249c15.1 0 25.8-6.6 25.8-22.9c0-17.7-13.7-21.9-28.9-21.9m129.5 74.8h62.2c-1.7-18.5-11.3-29.7-30.5-29.7c-18.3 0-30.5 11.4-31.7 29.7M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64m-34.5 153h-77.8v-18.9h77.8zm-155.8 58.7c23.6 6.7 35 27.5 35 51.6c0 39-32.7 55.7-67.6 55.9H164v-192h90.5c32.9 0 61.4 9.3 61.4 47.5c0 19.3-9 28.8-26.2 37m118.7-38.6c43.5 0 67.6 34.3 67.6 75.4c0 1.6-.1 3.3-.2 5c0 .8-.1 1.5-.1 2.2H375.5c0 22.2 11.7 35.3 34.1 35.3c11.6 0 26.5-6.2 30.2-18.1h33.7c-10.4 31.9-31.9 46.8-65.1 46.8c-43.8 0-71.1-29.7-71.1-73c0-41.8 28.7-73.6 71.1-73.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M251.3 382.4c17.2 0 31.2-6.1 31.2-25.4c0-19.7-11.7-27.4-30.3-27.5h-46v52.9zm-5.4-129.6h-39.6v44.8H249c15.1 0 25.8-6.6 25.8-22.9c0-17.7-13.7-21.9-28.9-21.9m129.5 74.8h62.2c-1.7-18.5-11.3-29.7-30.5-29.7c-18.3 0-30.5 11.4-31.7 29.7M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64m-34.5 153h-77.8v-18.9h77.8zm-155.8 58.7c23.6 6.7 35 27.5 35 51.6c0 39-32.7 55.7-67.6 55.9H164v-192h90.5c32.9 0 61.4 9.3 61.4 47.5c0 19.3-9 28.8-26.2 37m118.7-38.6c43.5 0 67.6 34.3 67.6 75.4c0 1.6-.1 3.3-.2 5c0 .8-.1 1.5-.1 2.2H375.5c0 22.2 11.7 35.3 34.1 35.3c11.6 0 26.5-6.2 30.2-18.1h33.7c-10.4 31.9-31.9 46.8-65.1 46.8c-43.8 0-71.1-29.7-71.1-73c0-41.8 28.7-73.6 71.1-73.6"/></svg>
</template>

CSS

.icon-behance-square {
  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%22M251.3%20382.4c17.2%200%2031.2-6.1%2031.2-25.4c0-19.7-11.7-27.4-30.3-27.5h-46v52.9zm-5.4-129.6h-39.6v44.8H249c15.1%200%2025.8-6.6%2025.8-22.9c0-17.7-13.7-21.9-28.9-21.9m129.5%2074.8h62.2c-1.7-18.5-11.3-29.7-30.5-29.7c-18.3%200-30.5%2011.4-31.7%2029.7M480%2096H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64m-34.5%20153h-77.8v-18.9h77.8zm-155.8%2058.7c23.6%206.7%2035%2027.5%2035%2051.6c0%2039-32.7%2055.7-67.6%2055.9H164v-192h90.5c32.9%200%2061.4%209.3%2061.4%2047.5c0%2019.3-9%2028.8-26.2%2037m118.7-38.6c43.5%200%2067.6%2034.3%2067.6%2075.4c0%201.6-.1%203.3-.2%205c0%20.8-.1%201.5-.1%202.2H375.5c0%2022.2%2011.7%2035.3%2034.1%2035.3c11.6%200%2026.5-6.2%2030.2-18.1h33.7c-10.4%2031.9-31.9%2046.8-65.1%2046.8c-43.8%200-71.1-29.7-71.1-73c0-41.8%2028.7-73.6%2071.1-73.6%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%22M251.3%20382.4c17.2%200%2031.2-6.1%2031.2-25.4c0-19.7-11.7-27.4-30.3-27.5h-46v52.9zm-5.4-129.6h-39.6v44.8H249c15.1%200%2025.8-6.6%2025.8-22.9c0-17.7-13.7-21.9-28.9-21.9m129.5%2074.8h62.2c-1.7-18.5-11.3-29.7-30.5-29.7c-18.3%200-30.5%2011.4-31.7%2029.7M480%2096H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64m-34.5%20153h-77.8v-18.9h77.8zm-155.8%2058.7c23.6%206.7%2035%2027.5%2035%2051.6c0%2039-32.7%2055.7-67.6%2055.9H164v-192h90.5c32.9%200%2061.4%209.3%2061.4%2047.5c0%2019.3-9%2028.8-26.2%2037m118.7-38.6c43.5%200%2067.6%2034.3%2067.6%2075.4c0%201.6-.1%203.3-.2%205c0%20.8-.1%201.5-.1%202.2H375.5c0%2022.2%2011.7%2035.3%2034.1%2035.3c11.6%200%2026.5-6.2%2030.2-18.1h33.7c-10.4%2031.9-31.9%2046.8-65.1%2046.8c-43.8%200-71.1-29.7-71.1-73c0-41.8%2028.7-73.6%2071.1-73.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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