Behance アイコン

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

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fontisto:behance

Behance アイコン(fontisto:behance)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 31 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 31 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="31" height="24" viewBox="0 0 31 24"><path fill="currentColor" d="M27.618 3.676h-7.637V5.53h7.637zm-3.766 6.366a2.927 2.927 0 0 0-3.108 2.913h6.098a2.77 2.77 0 0 0-3.001-2.918l.01-.001zm.24 8.742a3.76 3.76 0 0 0 1.842-.49l-.019.01a2.23 2.23 0 0 0 1.131-1.285l.005-.016h3.302c-.702 2.668-3.092 4.604-5.935 4.604q-.236 0-.467-.018l.021.001a6.7 6.7 0 0 1-5.089-1.972a7.9 7.9 0 0 1-1.891-5.14c0-1.998.739-3.824 1.959-5.219l-.008.009a6.6 6.6 0 0 1 5.039-2.054h-.012a6.3 6.3 0 0 1 3.624 1.035l-.024-.015a6.3 6.3 0 0 1 2.271 2.636l.016.039a8.7 8.7 0 0 1 .756 3.578l-.001.134v-.007q0 .254-.03.703h-9.839a3.56 3.56 0 0 0 .86 2.567l-.004-.005a3.26 3.26 0 0 0 2.499.897l-.011.001zM4.14 18.032h4.423q3.064 0 3.064-2.494q0-2.69-2.974-2.69H4.14zm0-8.025h4.2a2.86 2.86 0 0 0 1.854-.551l-.008.006a2.04 2.04 0 0 0 .678-1.707l.001.008q0-2.152-2.839-2.153H4.14zM0 2.401h8.88l.126-.001q1.164.001 2.264.222l-.074-.012a6.3 6.3 0 0 1 1.922.727l-.031-.016c.582.338 1.043.83 1.334 1.42l.009.02a5.04 5.04 0 0 1 .47 2.31v-.008l.002.131a4.09 4.09 0 0 1-2.545 3.79l-.027.01a4.5 4.5 0 0 1 2.562 1.706l.009.012a5.14 5.14 0 0 1 .866 3.056v-.009v.072a5.5 5.5 0 0 1-.379 2.005l.013-.037a4.6 4.6 0 0 1-.988 1.548l.001-.001c-.42.42-.905.774-1.439 1.046l-.032.015a7 7 0 0 1-1.763.62l-.046.008a10 10 0 0 1-1.955.192h-9.18z"/></svg>

Behance アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fontisto:behance" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontisto:behance" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontisto:behance" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--behance]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:behance"></div>

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Fontisto アイコンをすべて見る →