Csix アイコン
token-branded:csix
Csix アイコン(token-branded:csix)は、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="url(#SVGmXh7teJY)" d="M21 7.5A4.5 4.5 0 0 0 16.5 3h-9A4.5 4.5 0 0 0 3 7.5v9A4.5 4.5 0 0 0 7.5 21h9a4.5 4.5 0 0 0 4.5-4.5z"/><path fill="#fff" d="M19.74 19.62c-1.458.48-3.21.395-4.134.323c-4.2-.318-5.748-1.71-6.3-2.916c-.564-1.248-.276-2.58.6-3.228c1.98-1.458 3.45.948 3.45.948a2.2 2.2 0 0 0 1.524-1.752a2.13 2.13 0 0 0-.252-1.464c-.372-.612-.96-.93-.96-.93c.48-2.052-2.484-3.114-4.104-3.696c-.258-.09-.48-.168-.648-.24a5.57 5.57 0 0 1-2.178-1.86c-.384 1.38.87 2.85.87 2.85c-1.056-.918-3.888-1.284-4.446-1.35A4.5 4.5 0 0 0 3 7.5v9A4.5 4.5 0 0 0 7.5 21h9a4.47 4.47 0 0 0 3.24-1.38"/><path fill="#ffeddc" d="M20.142 19.14a20.1 20.1 0 0 1-6.402.276c-.984-.12-4.56-.81-4.56-3.564c0-2.322 2.208-2.862 4.176-1.104c0 0 0-.918-.528-1.758a2.98 2.98 0 0 0-2.616-1.38a3.2 3.2 0 0 0-2.76 1.908s-.36-1.506.582-2.502c0 0-3.3.822-2.718 4.488c.042.276.3 1.458 1.074 2.46c1.08 1.404 2.4 2.34 4.638 2.808q.63.136 1.386.228H16.5a4.5 4.5 0 0 0 3.642-1.86"/><path fill="#f9a14c" d="m12.522 10.427l-.408.516s-.42-.888-1.218-1.668z"/><defs><linearGradient id="SVGmXh7teJY" x1="19.272" x2="6.366" y1="4.932" y2="17.49" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9133"/><stop offset="1" stop-color="#ff2905"/></linearGradient></defs></g></svg>Csix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:csix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:csix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:csix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--csix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:csix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:csix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/csix.svg" alt="Csix アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Csix アイコン
Csix アイコン のよくある質問
Csix アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Csix アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:csix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Csix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/csix.svg" alt="Csix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。