Logo Behance アイコン
tdesign:logo-behance
Logo Behance アイコン(tdesign:logo-behance)は、TDesign Icons セットの無料 SVG アイコンです(作者: TDesign)。 24 × 24 のグリッドで描かれています。 TDesign Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- TDesign Icons
- 作者
- TDesign
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- logobehance
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.11 5q1.077 0 1.966.19q.888.19 1.523.624q.634.435.983 1.153q.35.72.35 1.777q0 1.142-.519 1.903q-.518.761-1.533 1.248q1.395.402 2.083 1.406t.688 2.422q0 1.141-.445 1.978a3.85 3.85 0 0 1-1.194 1.363q-.751.53-1.714.783a7.7 7.7 0 0 1-1.977.254H.003V5zm-.424 6.113q.888 0 1.46-.424q.57-.422.57-1.374q0-.53-.19-.867a1.4 1.4 0 0 0-.507-.53a2.2 2.2 0 0 0-.73-.264a5 5 0 0 0-.857-.074H3.323v3.533zm.19 6.408q.487 0 .931-.096q.444-.095.783-.317q.338-.222.539-.603q.2-.38.2-.973q0-1.162-.655-1.66q-.655-.497-1.734-.497H3.323v4.145zm9.953-.318q.677.657 1.946.656q.91 0 1.565-.455q.655-.453.804-.962h2.644q-.635 1.968-1.946 2.813q-1.312.846-3.173.846q-1.29 0-2.326-.413a4.8 4.8 0 0 1-1.756-1.173a5.3 5.3 0 0 1-1.11-1.819q-.391-1.057-.391-2.327q0-1.226.402-2.283a5.4 5.4 0 0 1 1.142-1.83a5.4 5.4 0 0 1 1.766-1.216q1.025-.444 2.273-.444q1.395 0 2.433.54q1.035.539 1.702 1.448q.666.91.963 2.072a7.7 7.7 0 0 1 .211 2.433H16.09q.064 1.459.74 2.114m3.395-5.752q-.54-.592-1.64-.592q-.719 0-1.194.243a2.2 2.2 0 0 0-1.163 1.364a3.4 3.4 0 0 0-.138.72h4.886q-.212-1.143-.751-1.735m-4.648-5.684h6.104v1.692h-6.104z"/></svg>Logo Behance アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:logo-behance" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:logo-behance" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:logo-behance" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--logo-behance]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:logo-behance"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:logo-behance"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/tdesign/logo-behance.svg" alt="Logo Behance アイコン" width="24" height="24">TDesign Icons の関連アイコン
logo-adobe-illustrate
logo-adobe-illustrate-filled
logo-adobe-lightroom
logo-adobe-lightroom-filled
logo-adobe-photoshop
logo-adobe-photoshop-filled
logo-alipay
logo-alipay-filled
logo-android
logo-android-filled
logo-apple
logo-apple-filled
logo-behance-filled
logo-chrome
logo-chrome-filled
logo-cinema4d
logo-cinema4d-filled
logo-cnb
logo-cnb-filled
logo-codepen
logo-codesandbox
logo-codesign
logo-dribbble
logo-dribbble-filled
他のアイコンセットの Logo Behance アイコン
Logo Behance アイコン のよくある質問
Logo Behance アイコンは商用利用でも無料ですか?
はい。TDesign Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo Behance アイコンを使うには?
@iconify/react をインストールして <Icon icon="tdesign:logo-behance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo Behance アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/tdesign/logo-behance.svg" alt="Logo Behance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。