Combo アイコン
token-branded:combo
Combo アイコン(token-branded:combo)は、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"><path fill="#fff" d="M11.498 3.134a1 1 0 0 1 1 0l.204.12l-.45.895h-.005a.5.5 0 0 0-.5 0h-.01l-.47-.88l.236-.135zm-1.175.675l.525.85l-.995.57l-.465-.885zm-1.885 1.08l-.94.54l.466.879l1.01-.575l-.53-.85zM6.55 5.968l.53.849l-.98.555l-.455-.885l.9-.52zM4.7 7.027l-.2.11a1 1 0 0 0-.5.87v.494h1.11a2 2 0 0 1 .23-.45zm8.463-2.36l1.01.58l.465-.884l-.96-.55zm2.93 1.675l-1.035-.59l.53-.85l.97.555zm.884.505l.875.5l.505-.86l-.85-.485l-.53.85zm1.91 1.654a2 2 0 0 0-.22-.44l.64-1.03l.184.106a1 1 0 0 1 .505.87v.494zM4 9.502v1h1v-1zm0 3v-1h1v1zm0 .999v1h1v-1zM4 16v-.5h1v.21c0 .18.1.344.25.434l.024.015l-.5.86l-.27-.155a1 1 0 0 1-.504-.87zm1.66 1.524l.979.56l.525-.85l-.975-.55zm2.873 1.644l-1.024-.585l.51-.86l1.04.6zm.875.5l.97.555l.52-.85l-.975-.56zm2.095 1.2l-.26-.15l.57-1.03q.181.017.364 0l.605 1.01l-.29.17a1 1 0 0 1-.99 0m2.164-.675l.975-.555l-.495-.87l-.965.55zm2.87-1.64l-1.015.58l-.47-.88l.97-.55zm.884-.504l.97-.555l-.545-.84l-.9.515zm2.074-1.185l-.205.12l-.51-.86a.5.5 0 0 0 .22-.415v-.21h1v.5a1 1 0 0 1-.5.865zm.5-2.364h-1v-1h1zm-1-2h1v-1h-1zm1-2h-1v-.999h1zM7.264 8.903l-1.08-.635l-.4.67l1.08.63l.4-.67zm2.194 1.2l-1.08-.625l-.4.67l1.08.63l.4-.67zm1.09.675l1.08.63l-.4.674l-1.08-.634zm6.133-1.88l1.08-.63l.4.67l-1.08.63zm-1.11.58l-1.08.63l.4.67l1.075-.63l-.4-.67zm-3.249 1.93l1.075-.63l.4.67l-1.08.634l-.4-.675zm.175.594h-1v1h1zm0 1.99h-1V15h1zm-1 3.009v-1h1v1zm0 1v1h1v-1z"/></svg>Combo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:combo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:combo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:combo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--combo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:combo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:combo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/combo.svg" alt="Combo アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Combo アイコン
Combo アイコン のよくある質問
Combo アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Combo アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:combo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Combo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/combo.svg" alt="Combo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。