Behance icon
icon-park:behance
The Behance icon (icon-park:behance) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M12 24C17 24 20 21.2 20 17C20 12.8 17 10 12 10C7 10 4 10 4 10V24H12Z" clip-rule="evenodd"/><path d="M13.0312 40C18.5368 40 22 37 22 32C22 27 18.5368 24 13.0312 24H4V40H13.0312Z" clip-rule="evenodd"/><path d="M29 31H44C44 27 42 22 36 22C31 22 28 26 28 31C28 36 31 40 36 40C41 40 43 37 43 37"/><path d="M42 15H30"/></g></svg>
How to use the Behance icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:behance" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:behance" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:behance" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--behance]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:behance"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:behance"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/behance.svg" alt="Behance icon" width="24" height="24">
Behance icon in other icon sets
Behance icon FAQ
Is the Behance icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Behance icon in React?
Install @iconify/react and render <Icon icon="icon-park:behance" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Behance icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/behance.svg" alt="Behance icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
