Social Behance icon

simple-line-icons:social-behance

The Social Behance icon (simple-line-icons:social-behance) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Simple line icons
Author: Sabbir Ahmed
License: MIT
Size: 1024 × 1024
Tags: socialbehance

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M376.743 414.841c15.924-9.676 23.987-27.214 23.987-51.806c0-27.213-10.682-45.555-31.848-54.425c-17.74-6.046-40.72-9.07-68.133-9.07H148.157v129.612h167.106c24.995 0 45.757-4.838 61.48-14.311m-16.528-51.806c0 9.272-1.611 15.32-4.635 17.134q-13.908 8.465-40.517 8.466H188.676v-48.58h112.076c22.375 0 40.516 2.216 53.819 6.45c2.016 1.008 5.643 2.62 5.643 16.529v.001zm14.717 167.709c-13.707-6.249-33.26-9.676-57.852-9.877H148.16v156.02h166.904c24.995 0 44.75-3.428 58.658-10.28c25.6-12.7 38.5-37.291 38.5-72.97c.203-30.236-12.295-51.402-37.29-62.892zm-186.256 30.64h128.402c24.592.202 36.283 4.031 41.121 6.249c7.257 3.427 13.707 7.86 13.707 26.002c0 28.825-10.885 34.066-16.126 36.688c-3.83 1.814-15.118 6.047-40.718 6.047H188.675zm659.553-108.65c-17.94-15.32-40.313-23.182-66.72-23.182c-28.624 0-51.402 8.265-67.326 24.794c-15.924 16.328-26.003 38.702-29.833 66.52l-.202 1.815h194.52l-.202-1.613c-2.217-30.035-12.296-53.014-30.237-68.334m-104.617 29.228c3.427-3.427 12.698-12.095 37.895-12.095c15.723 0 28.422 4.032 38.703 12.095zm283.008 22.173c-6.047-38.904-19.552-73.777-40.111-103.812c-18.949-28.22-42.533-50.394-70.551-66.52V172.946H647.46v162.47c-16.328 9.876-31.244 21.569-45.153 35.477c-31.648 31.849-52.41 72.769-62.69 121.952c-7.459-10.885-16.329-20.762-26.206-29.43a204 204 0 0 0 3.427-4.031c23.584-28.422 35.476-65.108 35.476-109.253c0-42.129-11.288-79.219-33.663-110.261c-36.485-49.79-96.554-75.792-178.395-77.203H-3.63v651.087h323.326c31.447 0 61.48-2.822 88.895-8.668c30.639-6.45 57.65-18.545 80.428-36.082c20.157-15.118 36.888-33.865 50.192-55.836c5.241-8.265 9.877-16.932 13.707-26.003c13.304 32.454 32.654 59.263 58.456 80.025c49.991 40.315 108.447 60.674 173.757 60.674c79.42 0 142.715-24.995 188.068-74.38c30.035-31.85 47.169-64.907 51.2-98.369l2.62-22.576h2.823l.605-38.299c1.008-37.493-.403-67.931-3.83-90.104zm-584.16-38.301l-3.226 1.611l3.427 1.21c28.825 10.482 50.797 27.213 65.512 49.992s22.173 50.796 22.173 83.048c0 33.461-8.466 63.9-25.398 90.71c-10.682 17.739-24.188 32.655-40.112 44.75c-17.94 13.706-39.71 23.382-64.1 28.421c-24.795 5.241-51.805 7.862-80.63 7.862H36.891V203.183H338.65c69.14 1.007 118.727 21.367 147.35 60.472c17.335 23.988 26.003 53.015 26.003 86.678c0 34.469-8.869 62.487-26.205 83.451c-9.877 11.692-24.39 22.375-43.339 32.05zm339.049-165.091c-10.08 0-19.957.403-29.43 1.411h-64.101v-88.693h187.666v88.693h-64.1c-9.878-.806-19.957-1.411-30.036-1.411zm-99.984 293.493c1.814 42.935 16.935 73.374 45.155 90.71c17.134 10.683 37.896 16.126 61.883 16.126c25.6 0 46.564-6.652 62.487-19.754c8.668-7.055 16.329-16.73 22.779-28.824h110.463c-3.427 24.19-16.932 48.983-40.517 73.978c-37.493 40.718-90.709 61.279-158.438 61.279c-55.836 0-105.827-17.335-148.359-51.805c-42.532-34.268-64.102-91.111-64.102-168.517c0-72.567 19.553-129.209 57.852-167.912c32.655-32.857 74.18-52.007 123.565-57.047h55.03c25.6 2.62 49.386 8.668 70.954 18.343c29.228 13.101 53.619 34.065 72.567 62.286c17.134 24.794 28.422 54.224 33.46 87.08c3.025 19.35 4.234 46.967 3.629 82.443h-308.41v1.614zm144.128 55.635c-8.87 7.257-20.964 10.683-37.09 10.683c-16.53 0-29.63-3.225-40.314-9.877c-5.242-3.225-11.692-8.063-16.933-17.739h107.036q-6.048 11.49-12.7 16.932z"/></svg>

How to use the Social Behance icon

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:social-behance" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:social-behance" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:social-behance" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--social-behance]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:social-behance"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:social-behance"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-line-icons/social-behance.svg" alt="Social Behance icon" width="24" height="24">

Related icons in Simple line icons

Social Behance icon in other icon sets

Social Behance icon FAQ

Is the Social Behance icon free for commercial use?

Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Social Behance icon in React?

Install @iconify/react and render <Icon icon="simple-line-icons:social-behance" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Social Behance icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/social-behance.svg" alt="Social Behance icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple line icons →