Behance アイコン

el:behance

Behance アイコン(el:behance)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<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>

Behance アイコンの使い方

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 コンポーネント

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

<iconify-icon icon="el:behance"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/behance.svg" alt="Behance アイコン" width="24" height="24">

他のアイコンセットの Behance アイコン

Behance アイコンのよくある質問

Behance アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Behance アイコンを使うには?

@iconify/react をインストールして <Icon icon="el:behance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Behance アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/behance.svg" alt="Behance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Elusive Icons をすべて見る →