Dero アイコン

Q: Dero アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token:dero

Dero アイコン(token:dero)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.001 7.502L12 3l7.998 4.502v8.996L11.999 21l-7.998-4.502z"/><path fill="currentColor" d="m7.1 9.298l4.904-2.673l4.91 2.761v5.402l-4.92 2.587L7.1 14.79z"/><path fill="currentColor" d="m8.649 10.195l3.357-1.92l3.357 1.92v3.666L12.01 15.87l-3.36-2.01zm2.915-6.091v.875L5.896 8.102l-.829-.411zm.871 0v.889l5.666 3.123l.832-.425zm-.018 15.746v-.848l5.644-3.167l.877.47zm-.852.023v-.853L5.93 15.87l-.853.424z"/><path fill="currentColor" d="m12.002 3.02l-.429 1.09l-6.506 3.592v-.823L12 3.014v-.002l.002.001l.004-.002l-.002.004l6.929 3.811l-.012.864l-6.482-3.58zm.007 17.94l-.443-1.107l-6.486-3.571v.869l6.928 3.812l-.001.003l.003-.001l6.923-3.814v-.852l-6.516 3.543z"/><path fill="currentColor" d="m11.555 4.121l.448-1.11l.433 1.088v.868l-.417-.226l-.464.241zm0 15.722l.452 1.124l.409-1.124v-.833l-.443.24l-.418-.24zM3.965 7.515l1.112-.642v.814zm16.055-.014l-1.09-.676l-.013.86zm.024 8.974l-1.112.642v-.8zm-16.089-.01l1.136.698v-.86z"/><path fill="currentColor" d="m4.608 7.898l-.64-.384l1.11.168zm14.767-.01l.639-.386l-1.101.166z"/><path fill="currentColor" d="m4.357 8.006l-.392-.492l.652.375zm15.262-.004l.402-.5l-.646.379z"/><path fill="currentColor" d="m5.055 7.68l.857.42l-.434.25l-.188.477l-.516-.42v7.212l-.81.856V7.521l.399.477zm13.867-.007l-.857.42l.434.25v.467l.739-.466v7.278l.807.858l-.031-8.966l-.4.477z"/><path fill="currentColor" d="m5.291 8.82l-.516-.44v7.239l-.803.841l1.32-.672zm13.429-.17l.517-.327v7.27l.806.885l-1.322-.75z"/><path fill="currentColor" d="M6.324 8.797L5.291 8.22v7.591l1.033-.613zm11.364-.017l1.033-.549v7.523l-1.033-.567zM6.84 9.117L6.324 8.8v6.406l.516-.307z"/><path fill="currentColor" d="m17.172 9.243l.516-.451v6.407l-.516-.3zM5.908 8.572l-.427-.25l6.526-3.592l6.515 3.609l-.408.274l-6.107-3.479z"/><path fill="currentColor" d="m6.842 9.15l-.952-.59l6.117-3.45l6.104 3.503l-.939.632l-5.165-2.907zm-.005 5.735l-1.31.77l6.45 3.603l6.524-3.655l-1.336-.719L12 17.65z"/><path fill="currentColor" d="m8.39 10.074l-1.076-.673l4.692-2.567l4.659 2.578l-1.042.663l-3.617-2.077zm-.002 3.912l-1.03.703l4.617 2.452l4.676-2.454l-1.029-.7l-3.647 2.176z"/><path fill="currentColor" d="m7.358 9.416l1.033.658v3.93l-1.033.69zm9.297 0l-1.032.659v3.93l1.032.688zm-4.649-.872L8.907 10.27l1.151.644l1.948-1.052l1.938 1.052l1.161-.644z"/><path fill="currentColor" d="M8.907 13.725v-3.472l1.165.678h3.869l1.164-.678v3.472l-1.872 1.11H10.8z"/><path fill="currentColor" d="m9.94 10.907l2.077-1.143l2.055 1.143v2.265l-.912.524l.406 2.894l-1.55.86l-1.57-.86l.45-2.894l-.956-.524zm8.124 4.938l.44-.245l1.54.88l-1.11-.15zm-12.128.034l-.402-.23l-1.57.812l1.112-.145z"/></svg>

Dero アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:dero" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:dero" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:dero" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--dero]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:dero"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:dero"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/dero.svg" alt="Dero アイコン" width="24" height="24">

他のアイコンセットの Dero アイコン

Dero アイコンのよくある質問

Dero アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Dero アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:dero" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dero アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/dero.svg" alt="Dero アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →