Squad アイコン
token-branded:squad
Squad アイコン(token-branded:squad)は、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="#f9d993" d="M4.287 16.28V7.41l.514.272v8.28z"/><path fill="#000" d="M20.229 16.917L12.052 21l-7.838-3.888l-.443-.69V6.745L7.3 3h9.381l3.549 3.744z"/><path fill="#9d1302" d="M4.286 16.242V6.506l3.178-2.905h9.139l3.111 2.92v9.746l-7.652 3.822z"/><path fill="#f6a703" d="M6.153 8.604L4.502 7.68l-.03 8.316l6.243 3.121v-1.769L6.153 14.93z"/><path fill="#f5bc42" d="m5.87 8.256l-1.543-.844l.113.638l1.301.802l.602-.252l-.473-.257z"/><path fill="#e17402" d="M5.83 8.811v6.249l.513-.18V8.59z"/><path fill="#f9c352" d="m10.972 17.245l-4.629-2.382l-.566.211l4.732 2.392z"/><path fill="url(#SVGgeaVlckO)" d="m5.208 15.805l.601-.766l4.721 2.433l-4.592-2.196z"/><path fill="#ee7b02" d="m10.457 18.848l-5.74-2.89l-.395.309l6.65 3.276v-2.305l-.515.258z"/><path fill="#f9ede3" d="m13.544 17.538l-.514-.247l4.834-2.34l.406.34z"/><path fill="#fdd16c" d="M17.658 14.964V8.71h.515l-.067 6.609l-.448-.36z"/><path fill="#e6b480" d="M13.03 17.302v1.83l.514-.313v-1.265z"/><path fill="#ca6a16" d="m19.18 16.012l-5.636 2.813v-1.301l4.68-2.248l.957.746z"/><path fill="#f6a803" d="M18.019 8.779v6.51l1.275.798V8.013l-1.27.771z"/><path fill="#b7490d" d="m13.544 18.825l-.514.308v.504l6.644-3.343l-.524-.298z"/><path fill="#dc7202" d="M19.715 7.474v8.82l-.514-.196V7.85z"/><path fill="#fffff8" d="m19.674 7.45l-2.016 1.208l.55.087l.067 4.85l.093-4.85l.581-.4l.514-.448c.02-.026.155-.309.206-.448z"/><path fill="#deab5c" d="m6.786 7.114l-1.79-1.085l.561-.114l1.06.7L8.23 4.979l.196.335l-1.646 1.8z"/><path fill="#f4f598" d="m6.61 6.647l-1.053-.73l.55-.854l1.44-1.209l.669 1.137z"/><path fill="#fefef7" d="m4.95 5.963l.082.072l.55-.108l1.851-1.851l.659.668l-.664-1.219z"/><path fill="#dea007" d="M15.586 5.325H8.447l-.241-.35h7.539z"/><path fill="#f5e90c" d="m8.195 5.005l-.53-1.049h8.61l-.546 1.05z"/><path fill="#fcf8ac" d="M16.516 3.513H7.423l.237.463h8.588l.258-.463z"/><path fill="#f2a503" d="m18.743 5.757l-2.227-2.232l-.812 1.497l1.491 1.579l1.548-.838z"/><path fill="#dc7502" d="m17.267 7.083l-1.682-1.769l.134-.319l1.46 1.594l1.548-.843l.309.345z"/><path fill="#cf340b" d="M7.32 7.69v6.48l4.64 2.314l4.793-2.314V7.69L14.89 6.096H9.1L7.315 7.69z"/><path fill="#fff" d="m7.886 6.6l1.028.798v1.687l4.115 3.497v.704h-2.572v-1.013L8.565 10.86l-.335 3.975h6.856V12.34l-4.114-3.25v-.957h3.6V6.601zm7.2 0v2.094l1.028.992V6.601z"/><path fill="#670000" d="M6.344 7.33L4.8 6.495v.72l1.543.864zm11.314 0l1.543-.834v.72l-1.543.864zm-6.172 12.126V17.4h1.03v2.057z"/><defs><linearGradient id="SVGgeaVlckO" x1="4.87" x2="13.045" y1="5.131" y2="8.627" gradientUnits="userSpaceOnUse"><stop stop-color="#fceabf"/><stop offset="1" stop-color="#fceabf" stop-opacity="0"/></linearGradient></defs></g></svg>Squad アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:squad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:squad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:squad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--squad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:squad"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:squad"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/squad.svg" alt="Squad アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Squad アイコン のよくある質問
Squad アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Squad アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:squad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Squad アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/squad.svg" alt="Squad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。