behance icon

behance-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.

Name
behance-outline
Set
Eva Icons
Style
Outline
Viewbox
24×24
License
MIT

1 other variant in Eva Icons

behance-fill

The same icon in other sets

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

Use the behance icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8"/><path fill="currentColor" d="M10.52 11.78a1.4 1.4 0 0 0 1.12-1.43c0-1-.77-1.6-1.94-1.6H7v6.5h2.7c1.3-.05 2.3-.72 2.3-1.88a1.52 1.52 0 0 0-1.48-1.59M8.26 9.67h1.15c.6 0 .95.32.95.85s-.38.89-1.25.89h-.85Zm1 4.57h-1V12.3h1.23c.75 0 1.17.38 1.17 1s-.42.94-1.44.94Zm5.49-3.94a2.11 2.11 0 0 0-2.28 2.25V13a2.15 2.15 0 0 0 2.34 2.31A2 2 0 0 0 17 13.75h-1.21a.9.9 0 0 1-1 .63a1.07 1.07 0 0 1-1.09-1.19v-.14H17v-.47a2.12 2.12 0 0 0-2.25-2.28m1 2h-2.02a1 1 0 0 1 1-1.09a1 1 0 0 1 1 1.09Zm-2.5-3.1h3v.5h-3z"/></svg>

React

import type { SVGProps } from "react";

export function EvaBehanceOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8"/><path fill="currentColor" d="M10.52 11.78a1.4 1.4 0 0 0 1.12-1.43c0-1-.77-1.6-1.94-1.6H7v6.5h2.7c1.3-.05 2.3-.72 2.3-1.88a1.52 1.52 0 0 0-1.48-1.59M8.26 9.67h1.15c.6 0 .95.32.95.85s-.38.89-1.25.89h-.85Zm1 4.57h-1V12.3h1.23c.75 0 1.17.38 1.17 1s-.42.94-1.44.94Zm5.49-3.94a2.11 2.11 0 0 0-2.28 2.25V13a2.15 2.15 0 0 0 2.34 2.31A2 2 0 0 0 17 13.75h-1.21a.9.9 0 0 1-1 .63a1.07 1.07 0 0 1-1.09-1.19v-.14H17v-.47a2.12 2.12 0 0 0-2.25-2.28m1 2h-2.02a1 1 0 0 1 1-1.09a1 1 0 0 1 1 1.09Zm-2.5-3.1h3v.5h-3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8"/><path fill="currentColor" d="M10.52 11.78a1.4 1.4 0 0 0 1.12-1.43c0-1-.77-1.6-1.94-1.6H7v6.5h2.7c1.3-.05 2.3-.72 2.3-1.88a1.52 1.52 0 0 0-1.48-1.59M8.26 9.67h1.15c.6 0 .95.32.95.85s-.38.89-1.25.89h-.85Zm1 4.57h-1V12.3h1.23c.75 0 1.17.38 1.17 1s-.42.94-1.44.94Zm5.49-3.94a2.11 2.11 0 0 0-2.28 2.25V13a2.15 2.15 0 0 0 2.34 2.31A2 2 0 0 0 17 13.75h-1.21a.9.9 0 0 1-1 .63a1.07 1.07 0 0 1-1.09-1.19v-.14H17v-.47a2.12 2.12 0 0 0-2.25-2.28m1 2h-2.02a1 1 0 0 1 1-1.09a1 1 0 0 1 1 1.09Zm-2.5-3.1h3v.5h-3z"/></svg>
</template>

CSS

.icon-behance-outline {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m0%2018a8%208%200%201%201%208-8a8%208%200%200%201-8%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.52%2011.78a1.4%201.4%200%200%200%201.12-1.43c0-1-.77-1.6-1.94-1.6H7v6.5h2.7c1.3-.05%202.3-.72%202.3-1.88a1.52%201.52%200%200%200-1.48-1.59M8.26%209.67h1.15c.6%200%20.95.32.95.85s-.38.89-1.25.89h-.85Zm1%204.57h-1V12.3h1.23c.75%200%201.17.38%201.17%201s-.42.94-1.44.94Zm5.49-3.94a2.11%202.11%200%200%200-2.28%202.25V13a2.15%202.15%200%200%200%202.34%202.31A2%202%200%200%200%2017%2013.75h-1.21a.9.9%200%200%201-1%20.63a1.07%201.07%200%200%201-1.09-1.19v-.14H17v-.47a2.12%202.12%200%200%200-2.25-2.28m1%202h-2.02a1%201%200%200%201%201-1.09a1%201%200%200%201%201%201.09Zm-2.5-3.1h3v.5h-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m0%2018a8%208%200%201%201%208-8a8%208%200%200%201-8%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.52%2011.78a1.4%201.4%200%200%200%201.12-1.43c0-1-.77-1.6-1.94-1.6H7v6.5h2.7c1.3-.05%202.3-.72%202.3-1.88a1.52%201.52%200%200%200-1.48-1.59M8.26%209.67h1.15c.6%200%20.95.32.95.85s-.38.89-1.25.89h-.85Zm1%204.57h-1V12.3h1.23c.75%200%201.17.38%201.17%201s-.42.94-1.44.94Zm5.49-3.94a2.11%202.11%200%200%200-2.28%202.25V13a2.15%202.15%200%200%200%202.34%202.31A2%202%200%200%200%2017%2013.75h-1.21a.9.9%200%200%201-1%20.63a1.07%201.07%200%200%201-1.09-1.19v-.14H17v-.47a2.12%202.12%200%200%200-2.25-2.28m1%202h-2.02a1%201%200%200%201%201-1.09a1%201%200%200%201%201%201.09Zm-2.5-3.1h3v.5h-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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