Behance アイコン
bxl:behance
Behance アイコン(bxl:behance)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.803 5.731c.589 0 1.119.051 1.605.155q.723.155 1.243.508q.515.352.804.939c.187.387.28.871.28 1.443q0 .93-.421 1.551q-.423.622-1.256 1.015q1.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.114a4.3 4.3 0 0 1-1.399.64a6.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-.428a1.7 1.7 0 0 0-.597-.215a3.6 3.6 0 0 0-.697-.061H4.71v2.875zm.151 5.239c.267 0 .521-.023.76-.077c.241-.052.455-.136.637-.261c.182-.12.332-.283.44-.491c.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.538q.74 0 1.278-.373c.354-.249.57-.515.653-.79h2.155c-.346 1.072-.871 1.838-1.589 2.299c-.709.463-1.572.693-2.58.693q-1.052 0-1.9-.337a4 4 0 0 1-1.439-.958a4.4 4.4 0 0 1-.905-1.485a5.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.691q.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.491a1.8 1.8 0 0 0-.328.628a3 3 0 0 0-.111.587h3.982c-.058-.624-.272-1.085-.564-1.409m-3.918-4.663h4.989v1.215h-4.989z"/></svg>
Behance アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:behance" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:behance" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:behance" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--behance]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:behance"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:behance"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/behance.svg" alt="Behance アイコン" width="24" height="24">
Behance アイコン のよくある質問
Behance アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Behance アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:behance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Behance アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/behance.svg" alt="Behance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
