Ctx Background アイコン
token-branded:ctx-background
Ctx Background アイコン(token-branded:ctx-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
- タグ
- ctxbackground
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="#deb132" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.565 11.868L5.75 13.213l1.469.679q.638-.36 1.255-.757c.408-.269.652-.112.776 0v2.746l-1 .672v2.088l-1 .392V20l1.761-.743V17.31l2.739-1.429v-1.135l3.563-1.401c.507-.762 1.333-1.196 1.682-1.317v2.045l-.745.427v1l1.5-.852v-4.133l-1.5.406V7.877l1.324.719l.676-2.004c-.046-.401-.538-.995-.835-.778c-.43.314.072.713.297.89l-.454.855L16.07 6.5h-.821v-.37c.21.022.45-.103.5-.168c.009-.13.022-.547 0-1.163c-.022-.617-.611-.789-.892-.799c-1.258-.01-.956 1.265-.608 1.691v.81h-1.118l-1.944 1.575c.228.356.723 1.145.88 1.454c.196.385.49.471.65.484c.16.012.487.037.56-.41c.059-.358-.457-.39-.722-.361l-.314-.897l1.113-.47l.651 2.477l-4.244 2.092z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Ctx Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ctx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ctx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ctx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ctx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ctx-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ctx-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ctx-background.svg" alt="Ctx Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ctx Background アイコン のよくある質問
Ctx Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ctx Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ctx-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ctx Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ctx-background.svg" alt="Ctx Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。