Djed アイコン
token-branded:djed
Djed アイコン(token-branded:djed)は、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(#SVGsE1BScsI)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVG3yBVze8n)" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94M9.183 6.706a.365.365 0 0 0-.36.37c0 .201.159.37.36.37h.223l.312.848h4.595l.297-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.105zm0 2.117a.365.365 0 0 0-.36.37c0 .202.159.371.36.371h.223l.312.847h4.595l.297-.847h.2a.35.35 0 0 0 .25-.11a.37.37 0 0 0 .105-.266a.38.38 0 0 0-.105-.259a.36.36 0 0 0-.25-.106H9.179zm0 2.118a.366.366 0 0 0-.36.37c0 .202.159.371.36.371h.223l.476.847h4.235l.493-.847h.2a.35.35 0 0 0 .26-.106a.37.37 0 0 0 .106-.265a.38.38 0 0 0-.106-.264a.36.36 0 0 0-.264-.106zm4.934 1.853H9.882v.794h4.235zM9.183 17.61a.365.365 0 0 0-.36.371c0 .207.159.37.355.37h5.633a.35.35 0 0 0 .26-.105a.37.37 0 0 0 .105-.265a.38.38 0 0 0-.106-.265a.36.36 0 0 0-.264-.106h-.17c-.222-.227-.519-.953-.519-2.446v-1.048H12.53v3.706h-1.06v-3.706H9.882v1.048c0 1.493-.291 2.219-.514 2.452h-.19z" clip-rule="evenodd"/><defs><linearGradient id="SVGsE1BScsI" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#debf54"/><stop offset="1" stop-color="#aa7d2b"/></linearGradient><linearGradient id="SVG3yBVze8n" x1="8.558" x2="13.853" y1="5.382" y2="19.676" gradientUnits="userSpaceOnUse"><stop stop-color="#faca56"/><stop offset="1" stop-color="#c79536"/></linearGradient></defs></g></svg>Djed アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:djed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:djed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:djed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--djed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:djed"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:djed"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/djed.svg" alt="Djed アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Djed アイコン
Djed アイコン のよくある質問
Djed アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Djed アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:djed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Djed アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/djed.svg" alt="Djed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。