next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const BehanceIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    color="currentColor"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M7.803 5.731c.589 0 1.119.051 1.605.155q.723.155 1.243.508.515.352.804.939c.187.387.28.871.28 1.443q0 .93-.421 1.551-.423.622-1.256 1.015 1.134.33 1.69 1.146c.374.549.557 1.206.557 1.976q0 .937-.358 1.613a3.1 3.1 0 0 1-.974 1.114 4.3 4.3 0 0 1-1.399.64 6.3 6.3 0 0 1-1.609.206H2V5.731zm-.351 4.972q.72 0 1.192-.345c.312-.228.463-.604.463-1.119q0-.43-.151-.707a1.1 1.1 0 0 0-.417-.428 1.7 1.7 0 0 0-.597-.215 3.6 3.6 0 0 0-.697-.061H4.71v2.875zm.151 5.239c.267 0 .521-.023.76-.077.241-.052.455-.136.637-.261.182-.12.332-.283.44-.491.109-.206.162-.475.162-.798q-.001-.95-.533-1.358c-.355-.27-.831-.404-1.414-.404H4.71v3.39h2.893zm8.565-.041q.551.538 1.584.538.74 0 1.278-.373c.354-.249.57-.515.653-.79h2.155c-.346 1.072-.871 1.838-1.589 2.299-.709.463-1.572.693-2.58.693q-1.052 0-1.9-.337a4 4 0 0 1-1.439-.958 4.4 4.4 0 0 1-.905-1.485 5.4 5.4 0 0 1-.32-1.899q.001-1 .329-1.864a4.4 4.4 0 0 1 .934-1.493q.606-.63 1.444-.994a4.6 4.6 0 0 1 1.858-.362q1.13 0 1.979.44a4 4 0 0 1 1.39 1.182q.543.74.783 1.691.24.947.171 1.983h-6.431c.001.704.238 1.371.606 1.729m2.812-4.681c-.291-.322-.783-.496-1.385-.496q-.585-.001-.974.199a2 2 0 0 0-.62.491 1.8 1.8 0 0 0-.328.628 3 3 0 0 0-.111.587h3.982c-.058-.624-.272-1.085-.564-1.409m-3.918-4.663h4.989v1.215h-4.989z" />
  </svg>
);

Icon

Behance

Category

brands

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related brands icons

AdobeAirbnbAmazonAmexAppleAppleMusicAtlassianAutoDesk