Degen アイコン
token-branded:degen
Degen アイコン(token-branded:degen)は、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="#ffd058" d="M9.75 4.688H12v15.187H9.75V18.75H8.062v-.562H7.5v-.563h-.562v-.563h-.563V16.5h-.562v-.562H5.25V14.25h-.562v-4.5h.562V8.062h.563V7.5h.562v-.563h.563v-.562H7.5v-.563h.562V5.25H9.75z"/><path fill="#f8c056" d="M14.25 4.688H12v15.187h2.25V18.75h1.687v-.562h.563v-.563h.563v-.563h.562V16.5h.563v-.562h.562V14.25h.562v-4.5h-.562V8.062h-.562V7.5h-.563v-.563h-.562v-.562H16.5v-.563h-.563V5.25H14.25z"/><path fill="#c04a07" d="M10.875 11.438H9.75V9.75h.563v-.563h2.25v.563h-1.126v.563h-.562zm3.938-3.376h-1.126v1.125h.563v2.25h-.563v1.125h.563v1.126h.563v1.124h.562v1.126H16.5v-1.126h-.562v-1.124h-.563v-1.126h-.562v-1.124h.562V8.625h-.562zm-3.938 4.5H9.75v3.376h1.125z"/><path fill="#e86609" d="M13.687 8.063v1.124h-3.374v.563H9.75v1.688h2.813v1.124H9.75v3.376H8.625v-6.75h.563v-.563h.562v-.562z"/><path fill="#e86609" d="M12.563 9.75V8.063h1.124v1.124h.563v2.25h-.563v1.125h.563v1.126h.563v1.124h.562v1.126H14.25v-.563h-.563V14.25h-.562v-1.125h-.562v-2.25h.562V9.75z"/><path fill="#fff" d="M12 3.563H9.75v.562H8.062v.563H6.937v.562h-.562v.563h-.562v.562H5.25v.562h-.563v1.125h-.562V9.75h-.562v3.938h.562v1.687h.562V16.5h.563v.562h.563v.563h.562v.563h.562v.562h1.125v-.562H7.5v-.563h-.563v-.563h-.562V16.5h-.562v-.562H5.25V14.25h-.563v-4.5h.563V8.062h.563V7.5h.562v-.563h.562v-.562H7.5v-.562h.562V5.25H9.75v-.562H12z"/><path fill="#f29914" d="M12 3.563h2.25v.562h1.687v.563h1.126v.562h.562v.563h.563v.562h.562v.562h.562V7.5h.563v2.25h.563v3.938h-.563v1.687h-.563V16.5h-.562v.562h-.562v.563h-.563v1.125h-1.688v-.562h.563v-.563h.563v-.563h.562V16.5h.563v-.562h.562V14.25h.562v-4.5h-.562V8.062h-.562V7.5h-.563v-.563h-.562v-.562H16.5v-.562h-.563V5.25H14.25v-.562H12z"/><path fill="#fff" d="M9.75 18.75H8.063v.563h1.124v.562h.563z"/><path fill="#f29914" d="M14.25 18.75h1.687v1.125H14.25z"/><path fill="#ffe6a6" d="M12 19.875H9.75v.562H12z"/><path fill="#f29914" d="M14.813 19.875H12v.562h2.813z"/><path fill="#000" d="M9.75 3h4.5v.563h-4.5zm4.5.563h1.687v.562H14.25zm1.687.562h1.126v.563h-1.126zm.563.563h1.125v.562H16.5zm.563.562h1.124v.563h-1.125zm1.124.563h.563v.562h-.563zm.563.562h.562v.562h-.562zm.562.562h.563V7.5h-.563zm.563.563h.563v2.25h-.563zm0 6.188h.563v1.687h-.563zm-1.125 2.25h.562v1.124h-.562zm-.563 1.124h.563v.563h-.563zm1.125-1.687h.563v.563h-.563zm-1.687 2.25h.562v.563h-.562zm0 .563h.562v.562h-.562zm-.562.562h.562v.563h-.562zm-1.126 0h1.126v.563h-1.126zm0 .563h.563v.562h-.563zM9.75 20.437h5.063V21H9.75zm-1.688-1.125h1.125v.563H8.062zm-1.125-.562h1.125v.563H6.937zm-.562-.562h.562v.562h-.562zm2.812 1.687h.563v.562h-.563zm5.626 0h1.124v.562h-1.124zm-9-2.25h.562v.563h-.562zm-.563-.562h.563v.562H5.25zm-.563-.563h.563v.563h-.563zm-.562-1.125h.562V16.5h-.562zm-.562-1.687h.562v1.687h-.562zM3 9.75h.563v3.938H3zm.563-1.687h.562V9.75h-.562zm.562-1.126h.562v1.125h-.562zm.562-.562h.563v.562h-.563zm.563-.562h.563v.562H5.25zm.563-.563h.562v.563h-.562zm.562-.562h.562v.562h-.562zm.562-.563h1.125v.563H6.937zm1.125-.562H9.75v.562H8.062zM20.438 9.75H21v3.938h-.562z"/></g></svg>Degen アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:degen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:degen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:degen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--degen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:degen"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:degen"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/degen.svg" alt="Degen アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Degen アイコン のよくある質問
Degen アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Degen アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:degen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Degen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/degen.svg" alt="Degen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。