Behance icon
el:behance
The Behance icon (el:behance) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 0v1200h1200V0zm186.476 495.854H491.75c31.229.219 64.056 12.23 89.209 35.376c23.154 22.86 36.754 55.645 37.427 90.747c-.116 26.956-5.251 58.017-23.146 82.765c-12.504 16.834-32.084 29.562-53.686 36.841v2.856c22.748 5.689 45.174 17.843 61.157 37.939c19.012 24.585 25.514 57.747 26.074 90.381c-.228 34.622-12.213 71.699-39.038 99.169c-23.845 23.426-58.079 36.835-94.117 37.573H186.47V495.858zm534.96 1.026h227.048v84.228H721.436zm108.691 109.423c31.679.001 59.783 4.115 84.301 12.378c24.735 8.021 45.552 20.562 62.476 37.573c16.923 16.771 29.698 38.155 38.378 64.16c11.447 34.042 13.618 77.622 13.403 117.408H764.716c0 27.221 5.411 48.359 16.26 63.427c11.065 14.826 29.176 22.193 54.345 22.193c23.913-.112 51.923-7.78 61.158-34.645c2.387-7.048 3.588-14.538 3.589-22.558h128.613c-.267 40.87-13.426 81.462-47.899 111.548c-38.084 30.978-91.314 39.815-142.53 40.796c-31.68 0-60.311-3.991-85.913-12.012c-25.386-8.264-46.955-20.926-64.747-37.939s-31.469-38.397-41.016-64.16c-9.547-26.006-14.355-56.729-14.355-92.212c0-34.511 4.659-64.617 13.989-90.381c9.33-25.762 22.557-47.146 39.697-64.16c17.358-17.255 38.174-30.165 62.475-38.671c24.519-8.507 51.795-12.744 81.739-12.744zm-496.51 2.197v87.452h101.222c9.124-.07 17.806-4.249 24.39-11.646c6.394-7.785 9.528-18.041 9.741-28.784v-7.324c-.066-9.694-3.792-19.708-10.107-28.052c-5.739-6.779-14.348-11.156-24.023-11.646zm501.706 92.578c-22.349 0-39.032 5.962-50.097 17.87c-10.85 11.909-17.462 28.071-19.85 48.487h129.492c0-20.659-5.186-36.821-15.601-48.487c-10.413-11.908-25.068-17.87-43.944-17.87M333.617 802.079v87.817h111.914c9.021-.07 17.658-4.211 24.39-11.279c6.363-7.75 9.653-18.055 9.814-28.785v-7.69c-.058-9.781-3.229-19.984-9.814-28.417c-5.78-6.818-14.729-11.093-24.39-11.646z"/></svg>
How to use the Behance icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:behance" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:behance" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:behance" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--behance]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:behance"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:behance"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/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. Elusive Icons are released under the Open Font 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="el: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/el/behance.svg" alt="Behance icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
