Cvp アイコン
token-branded:cvp
Cvp アイコン(token-branded:cvp)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#7899f8" d="M6.827 4.689h2.494l1.8-1.128H8.839zm.625 2.864l1.334-2.361H6.155l-1.27 2.45zm-.127.492v2.62h-2.69v-2.62zm5.543.996l1.8 1.085h2.356l-1.8-1.085zm-.021 11.43h2.25l1.895-1.112H14.61zm-3.542-6.496l1.8 1.09H8.744l-1.8-1.09zm7.343-.535v2.62h2.684v-2.62zm-1.472-2.854l1.334 2.367l2.568.09l-1.27-2.456zm-7.73.567l1.335 2.367H6.15l-1.27-2.457zm7.73 7.761l1.334-2.366l2.568-.09l-1.27 2.456z"/><path fill="#fff" d="M14.98 3.53h-2.604l1.403 2.387h2.631zm.826.423l1.155 2.096l2.011 1.043l-1.111-1.948l-2.055-1.196zm-3.324 4.606l1.308-2.255l2.673.127l-1.302 2.128h-2.684zm3.123.175l1.393-2.171l2.223 1.255l-1.344 2.213zM3 10.374l1.234-1.916v2.224L3 12.794zm1.498.922l-1.44 2.319l1.387 2.287l1.281-2.287zm.186 4.976l1.429-2.313l2.377 1.345l-1.461 2.207l-2.345-1.233zm2.308 1.652l-1.938-.932l1.07 1.927l1.916 1.086zm1.869 2.504l-1.313-2.33h2.716l1.249 2.33zm2.064-12.526L9.83 9.82l2.117-1.22l.921-1.805l-1.948 1.106zm-1.25-2.9l2.193-1.367l1.376 2.33l-2.303 1.387l-1.27-2.35zm-.333.407l-1.53 2.313L9.21 9.941l1.34-2.224zm-1.53 3.145v2.313l1.176 1.885v-2.314zm1.123 6.914L7.51 17.569h2.779l1.27-2.101zm2.138 1.763l1.112-1.853l1.89-1.117l-1.201 1.985zm1.864-.54l-2.208 1.291l1.409 2.34l2.154-1.344l-1.35-2.287zm2.097-5.416l1.164 1.927v2.345l-1.165-1.906zm-.286 2.885l1.376 2.176l-1.509 2.308l-1.34-2.234zm4.85-6.025l-1.335 2.277l1.228 2.398L21 10.412zm.089 5.242l1.27-2.05v2.245l-1.27 1.88z"/></g></svg>Cvp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cvp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cvp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cvp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cvp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cvp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cvp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cvp.svg" alt="Cvp アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Cvp アイコン
Cvp アイコン のよくある質問
Cvp アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cvp アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cvp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cvp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cvp.svg" alt="Cvp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。