behance logo

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

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

The same logo in other sets

behance-fillAkar Iconsbehance-outlinedAnt Design IconsbehanceBootstrap IconsbehanceBoxicons BrandsbehanceCoreUI BrandsbehanceDeviconbehance-fillEva IconsbehanceFont Awesome 6 BrandsbehanceIconParkbehanceIconPark OutlinebehanceIconPark SolidbehanceIconPark TwoTonebehanceIconoirbehanceJam IconsbehanceLine AwesomebehanceSVG LogosbehanceMage IconsbehanceMaterial Design Iconsbehance-fillMingCute Iconbehance-fillRemix IconbehanceSimple Iconsbehance-outlineTeenyiconsbehanceUniconsbehanceUnicons Monochrome

Related icons in Font Awesome Brands

behance-square

Use the behance logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M264 301.2c31.8-15.2 48.4-38.2 48.4-74c0-70.6-52.6-87.8-113.3-87.8H32v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9c0-44.5-21.1-77.4-64.7-89.7M109.9 199.9H183c28.1 0 53.4 7.9 53.4 40.5c0 30.1-19.7 42.2-47.5 42.2h-79zm83.3 233.7h-83.3V336h84.9c34.3 0 56 14.3 56 50.6c0 35.8-25.9 47-57.6 47m358.5-240.7H408V158h143.7zM608 369.2c0-75.9-44.4-139.2-124.9-139.2c-78.2 0-131.3 58.8-131.3 135.8c0 79.9 50.3 134.7 131.3 134.7c61.3 0 101-27.6 120.1-86.3H541c-6.7 21.9-34.3 33.5-55.7 33.5c-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2M422.4 338c2.3-33.7 24.7-54.8 58.5-54.8c35.4 0 53.2 20.8 56.2 54.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBehance(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="M264 301.2c31.8-15.2 48.4-38.2 48.4-74c0-70.6-52.6-87.8-113.3-87.8H32v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9c0-44.5-21.1-77.4-64.7-89.7M109.9 199.9H183c28.1 0 53.4 7.9 53.4 40.5c0 30.1-19.7 42.2-47.5 42.2h-79zm83.3 233.7h-83.3V336h84.9c34.3 0 56 14.3 56 50.6c0 35.8-25.9 47-57.6 47m358.5-240.7H408V158h143.7zM608 369.2c0-75.9-44.4-139.2-124.9-139.2c-78.2 0-131.3 58.8-131.3 135.8c0 79.9 50.3 134.7 131.3 134.7c61.3 0 101-27.6 120.1-86.3H541c-6.7 21.9-34.3 33.5-55.7 33.5c-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2M422.4 338c2.3-33.7 24.7-54.8 58.5-54.8c35.4 0 53.2 20.8 56.2 54.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M264 301.2c31.8-15.2 48.4-38.2 48.4-74c0-70.6-52.6-87.8-113.3-87.8H32v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9c0-44.5-21.1-77.4-64.7-89.7M109.9 199.9H183c28.1 0 53.4 7.9 53.4 40.5c0 30.1-19.7 42.2-47.5 42.2h-79zm83.3 233.7h-83.3V336h84.9c34.3 0 56 14.3 56 50.6c0 35.8-25.9 47-57.6 47m358.5-240.7H408V158h143.7zM608 369.2c0-75.9-44.4-139.2-124.9-139.2c-78.2 0-131.3 58.8-131.3 135.8c0 79.9 50.3 134.7 131.3 134.7c61.3 0 101-27.6 120.1-86.3H541c-6.7 21.9-34.3 33.5-55.7 33.5c-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2M422.4 338c2.3-33.7 24.7-54.8 58.5-54.8c35.4 0 53.2 20.8 56.2 54.8z"/></svg>
</template>

CSS

.icon-behance {
  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%22M264%20301.2c31.8-15.2%2048.4-38.2%2048.4-74c0-70.6-52.6-87.8-113.3-87.8H32v354.4h171.8c64.4%200%20124.9-30.9%20124.9-102.9c0-44.5-21.1-77.4-64.7-89.7M109.9%20199.9H183c28.1%200%2053.4%207.9%2053.4%2040.5c0%2030.1-19.7%2042.2-47.5%2042.2h-79zm83.3%20233.7h-83.3V336h84.9c34.3%200%2056%2014.3%2056%2050.6c0%2035.8-25.9%2047-57.6%2047m358.5-240.7H408V158h143.7zM608%20369.2c0-75.9-44.4-139.2-124.9-139.2c-78.2%200-131.3%2058.8-131.3%20135.8c0%2079.9%2050.3%20134.7%20131.3%20134.7c61.3%200%20101-27.6%20120.1-86.3H541c-6.7%2021.9-34.3%2033.5-55.7%2033.5c-41.3%200-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2M422.4%20338c2.3-33.7%2024.7-54.8%2058.5-54.8c35.4%200%2053.2%2020.8%2056.2%2054.8z%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%22M264%20301.2c31.8-15.2%2048.4-38.2%2048.4-74c0-70.6-52.6-87.8-113.3-87.8H32v354.4h171.8c64.4%200%20124.9-30.9%20124.9-102.9c0-44.5-21.1-77.4-64.7-89.7M109.9%20199.9H183c28.1%200%2053.4%207.9%2053.4%2040.5c0%2030.1-19.7%2042.2-47.5%2042.2h-79zm83.3%20233.7h-83.3V336h84.9c34.3%200%2056%2014.3%2056%2050.6c0%2035.8-25.9%2047-57.6%2047m358.5-240.7H408V158h143.7zM608%20369.2c0-75.9-44.4-139.2-124.9-139.2c-78.2%200-131.3%2058.8-131.3%20135.8c0%2079.9%2050.3%20134.7%20131.3%20134.7c61.3%200%20101-27.6%20120.1-86.3H541c-6.7%2021.9-34.3%2033.5-55.7%2033.5c-41.3%200-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2M422.4%20338c2.3-33.7%2024.7-54.8%2058.5-54.8c35.4%200%2053.2%2020.8%2056.2%2054.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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