Dvf アイコン
token:dvf
Dvf アイコン(token:dvf)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.229 12.185c-.763-.095-1.054-.307-1.101-.397c-.07.842.232 2.52 1.974 2.52c1.737 0 2.234-1.408 2.266-2.117h.111c.16.275.143.63.112.767a2.37 2.37 0 0 1 1.704 2.218h.794c0-1.429-.529-2.25-.794-2.466l.08-.149c.423.226.758.588.953 1.027l.143.053c1.1.492 1.927.143 2.207-.095a2.1 2.1 0 0 1-.291-.884h.217c.01.063.106.317.413.847c.27.47.768.566 1.255.662c.196.037.391.074.566.132c.487.175.508.656.46.873h.525v-.423c0-.477-.275-.884-.53-1.255c-.217-.317-.423-.609-.423-.9c0-.513.286-.895.423-1.022c-.121-.037-.222-.18-.344-.354c-.18-.26-.407-.593-.863-.741a1.7 1.7 0 0 0-.688-.085c-.233.005-.561.016-1.202-.053c-.593-.069-.953-.37-1.34-.688c-.476-.408-.99-.832-2.01-.832c-1.467 0-1.96 1.234-2.028 1.853a1.24 1.24 0 0 0-.668-.524c.006.657-.148 1.461-.794 1.732c-.53.222-.968-.149-1.127-.36c-.207.222-.085.529 0 .661m3.97 2.991a2.64 2.64 0 0 0-.095-1.46l.1-.054c.572.434.657 1.207.625 1.514zm4.633-1.392c.1.138.423.445.9.572a1.8 1.8 0 0 1-.424.82h-.746c.19-.211.482-.804.148-1.265z"/><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21m0-.53a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94" clip-rule="evenodd"/></svg>Dvf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:dvf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:dvf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:dvf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--dvf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:dvf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:dvf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/dvf.svg" alt="Dvf アイコン" width="24" height="24">他のアイコンセットの Dvf アイコン
Dvf アイコン のよくある質問
Dvf アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dvf アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:dvf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dvf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/dvf.svg" alt="Dvf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。