Logo Cnb アイコン

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

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

tdesign:logo-cnb

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

アイコンセット: TDesign Icons
作者: TDesign
ライセンス: MIT
サイズ: 24 × 24
タグ: logocnb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.814 2.925c-.854-.062-1.538.009-2.071.13L14.533 6l.758-2.225a5.1 5.1 0 0 0-2.477-.849m1.411 4.61L8.658 3.212a.505.505 0 0 1 .035-.825c.684-.434 2.037-1.019 4.222-.86a6.46 6.46 0 0 1 3.766 1.55c.153.134.21.348.144.541l-1.189 3.494a.905.905 0 0 1-1.41.423M3.1 16.448a.63.63 0 0 0-.257.698c.212.76.843 2.341 2.634 3.78c1.79 1.44 3.909 1.594 4.814 1.572a.63.63 0 0 0 .588-.443l3.57-11.282c.257-.814-.657-1.498-1.366-1.022zm6.616 4.635c-.874-.06-2.217-.33-3.361-1.25c-1.148-.922-1.71-1.895-1.982-2.55l8.308-5.574zM3.257 8.816a5.9 5.9 0 0 1 2.286-2.83l5.85 2.317l-8.465 3.301c-.064-.84-.025-1.868.329-2.788m2.452-4.273a.63.63 0 0 0-.537.032a7.25 7.25 0 0 0-3.224 3.739c-.674 1.751-.437 3.689-.252 4.636c.061.31.388.488.683.374l10.708-4.176c.765-.299.768-1.378.005-1.68zm15.885 8.084c.31.21.733.025.787-.345c.142-.98.265-2.684-.303-3.97c-.756-1.712-2.04-2.769-2.65-3.198a.51.51 0 0 0-.629.035l-2.702 2.394a.903.903 0 0 0 .092 1.423zm-.799-3.748c.214.483.294 1.101.302 1.718l-3.589-2.431l1.66-1.471m0 0c.528.466 1.191 1.196 1.628 2.184zm-3.626 14.032l.778-8.84l3.708 4.571a6.3 6.3 0 0 1-1.688 2.822c-.843.804-1.911 1.227-2.798 1.447m-1.5 1.039v.083l.001.007a.51.51 0 0 0 .56.458c1.025-.11 3.129-.516 4.705-2.02a7.7 7.7 0 0 0 2.178-3.893a.63.63 0 0 0-.128-.53l-4.725-5.824c-.511-.63-1.531-.319-1.603.49z"/></svg>

Logo Cnb アイコンの使い方

React

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

<Icon icon="tdesign:logo-cnb" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:logo-cnb" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:logo-cnb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--logo-cnb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:logo-cnb"></div>

Web コンポーネント

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

<iconify-icon icon="tdesign:logo-cnb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/tdesign/logo-cnb.svg" alt="Logo Cnb アイコン" width="24" height="24">

TDesign Icons の関連アイコン

Logo Cnb アイコンのよくある質問

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

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

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

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

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

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

TDesign Icons をすべて見る →