Behance アイコン

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

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

topcoat:behance

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

アイコンセット: TopCoat Icons
作者: TopCoat
ライセンス: Apache-2.0
サイズ: 42 × 42

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M.5 1.5v40h40v-40zm6 17h10.392c1.041 0 2.136.171 2.974.942a4.1 4.1 0 0 1 1.248 2.908c-.005.897-.201 1.875-.797 2.7c-.419.562-.817.927-1.817 1.169v.096c1 .189 1.531.597 2.064 1.267c.635.817.864 1.924.881 3.012c-.006 1.154-.399 2.565-1.294 3.481c-.795.779-1.928 1.426-3.13 1.426H6.5zm18 0h8v2h-8zm3.671 3.211q1.584 0 2.81.412q1.24.403 2.084 1.252c.562.559.99 1.309 1.278 2.175c.382 1.136.454 2.95.446 3.95H25.99c0 1 .181 1.575.543 2.077c.367.493.973.722 1.811.722c.799-.004 1.731-.206 2.039-1.101c.08-.234.119-.698.119-.698h4.287c-.008 1-.447 2.652-1.596 3.656c-1.271 1.031-3.045 1.295-4.752 1.328a9.5 9.5 0 0 1-2.863-.416a5.6 5.6 0 0 1-2.158-1.273q-.89-.851-1.367-2.143c-.318-.865-.479-1.894-.479-3.074q-.001-1.725.467-3.016q.467-1.288 1.322-2.14a5.5 5.5 0 0 1 2.082-1.289q1.229-.422 2.726-.422M11.5 21.5v3h3.494c.305 0 .777-.043.997-.289c.213-.26.509-.502.509-.859v-.244c0-.323-.311-.799-.521-1.076c-.192-.227-.662-.531-.985-.531zm16.844 3.369c-.744 0-1.301.408-1.67.805c-.361.396-.582.826-.66 1.826h4.315c0-1-.173-1.438-.521-1.826c-.346-.397-.833-.805-1.464-.805M11.5 28.5v3h3.852c.301 0 .592-.309.816-.545c.213-.258.332-.77.332-1.127v-.256c0-.326-.111-.534-.332-.815c-.193-.229-.495-.257-.816-.257z"/></svg>

Behance アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

TopCoat Icons をすべて見る →