Cheq Background アイコン
token-branded:cheq-background
Cheq Background アイコン(token-branded:cheq-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cheqbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGYLoBHb8k)" d="m5.99 6.641l4.408-2.239a3.66 3.66 0 0 1 1.938-.39c.819.066 3.006 3.772 3.006 3.772a1.03 1.03 0 0 0-.885-.489H5.538c-.484 0-.94.47-1.115.673c.344-.654.885-.979 1.567-1.327"/><path fill="url(#SVG9PMiSgqJ)" d="m15.342 8.002l1.044 1.684a2 2 0 0 0 1.731.903c.946 0 1.85-.72 1.882-1.58a1.3 1.3 0 0 0-.066-.462c-.273-.832-.884-1.434-1.81-1.905l-4.409-2.24a3.7 3.7 0 0 0-1.378-.39c.819.066 3.001 3.985 3.006 3.994z"/><path fill="url(#SVGaDhFWbnS)" d="M4.005 9.651c0-.597.15-1.176.418-1.684c.17-.202.63-.673 1.115-.673h4.394c-.343 0-.663.17-.856.452L6.827 11.26q-.101.151-.16.325v.01s-1.863 2.982-2.004 3.226c-.282.504-.268.941-.268.941A3.6 3.6 0 0 1 4 14.12V9.651z"/><path fill="url(#SVGeliwmdlb)" d="M4.664 14.822c.141-.244 2-3.227 2-3.227v-.01a1.36 1.36 0 0 0 .169 1.214l2.244 3.242s1.115 1.919 1.952 3.17c.216.358.543.634.931.786a3.65 3.65 0 0 1-1.561-.395L5.99 17.358a3.64 3.64 0 0 1-1.595-1.595l.005.01s-.02-.443.268-.946z"/><path fill="url(#SVG1xnqGciL)" d="M11.028 19.212a70 70 0 0 1-1.834-2.954c.193.282.517.447.856.447h9.29a4.2 4.2 0 0 1-1.222.87l-4.408 2.023a3.65 3.65 0 0 1-1.755.4a1.9 1.9 0 0 1-.931-.786z"/><path fill="url(#SVGtyv4hbcP)" d="M19.341 16.704c.33-.367.659-.941.659-1.411c0-.941-.659-1.882-1.882-1.882c-.94 0-1.434.47-1.81 1.068l-.965 1.74a1.03 1.03 0 0 1-.875.485z"/></g><defs><linearGradient id="SVGYLoBHb8k" x1="14.655" x2="5.03" y1="7.065" y2="7.065" gradientUnits="userSpaceOnUse"><stop stop-color="#a53523"/><stop offset="1" stop-color="#dd9d1a"/></linearGradient><linearGradient id="SVG9PMiSgqJ" x1="13.385" x2="19.279" y1="4.017" y2="9.61" gradientUnits="userSpaceOnUse"><stop stop-color="#db991a"/><stop offset=".27" stop-color="#d48d1c"/><stop offset="1" stop-color="#9c2425"/></linearGradient><linearGradient id="SVGaDhFWbnS" x1="6.968" x2="6.968" y1="7.511" y2="15.771" gradientUnits="userSpaceOnUse"><stop stop-color="#a12e24"/><stop offset="1" stop-color="#e4ab19"/></linearGradient><linearGradient id="SVGeliwmdlb" x1="4.405" x2="10.752" y1="15.773" y2="19.625" gradientUnits="userSpaceOnUse"><stop stop-color="#971c26"/><stop offset="1" stop-color="#dea01a"/></linearGradient><linearGradient id="SVG1xnqGciL" x1="18.993" x2="8.61" y1="16.925" y2="16.925" gradientUnits="userSpaceOnUse"><stop stop-color="#e3a919"/><stop offset="1" stop-color="#9b2225"/></linearGradient><linearGradient id="SVGtyv4hbcP" x1="17.201" x2="17.201" y1="13.519" y2="16.488" gradientUnits="userSpaceOnUse"><stop stop-color="#e1a419"/><stop offset="1" stop-color="#971c26"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cheq Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cheq-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cheq-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cheq-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cheq-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cheq-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cheq-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/cheq-background.svg" alt="Cheq Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Cheq Background アイコン のよくある質問
Cheq Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cheq Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:cheq-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cheq Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/cheq-background.svg" alt="Cheq Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。