Logo Cnb Filled アイコン

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

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

tdesign:logo-cnb-filled

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.293 2.807a.55.55 0 0 0-.158-.595A7.08 7.08 0 0 0 13.003.51c-2.397-.174-3.882.468-4.632.945a.555.555 0 0 0-.039.906l6.109 4.748a.992.992 0 0 0 1.547-.464zM2.235 16.9a.7.7 0 0 0-.282.766c.233.835.925 2.572 2.89 4.152c1.964 1.58 4.288 1.751 5.281 1.727a.69.69 0 0 0 .646-.486l3.915-12.393c.283-.895-.72-1.645-1.498-1.122zM5.097 3.822a.7.7 0 0 0-.589.036c-.724.394-2.58 1.61-3.538 4.106c-.738 1.924-.478 4.052-.275 5.093c.067.34.426.536.748.41L13.192 8.88c.839-.327.842-1.513.005-1.845zm17.428 8.881c.34.23.804.027.863-.38c.156-1.075.29-2.947-.332-4.359c-.83-1.882-2.238-3.042-2.907-3.514a.56.56 0 0 0-.69.039l-2.965 2.63a.992.992 0 0 0 .101 1.562zM14.24 22.74c-.03.35.267.64.616.602c1.123-.12 3.432-.566 5.16-2.218a8.47 8.47 0 0 0 2.391-4.276a.7.7 0 0 0-.14-.582L17.083 9.87c-.562-.693-1.681-.351-1.759.537z"/></svg>

Logo Cnb Filled アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

TDesign Icons の関連アイコン

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

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

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

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

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

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

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

TDesign Icons をすべて見る →