Dnt Background アイコン
token-branded:dnt-background
Dnt Background アイコン(token-branded:dnt-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- dntbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#98f7d2" d="M19.428 10.505a5.1 5.1 0 0 0-.556-1.493c-.54-.922-1.718-2.263-3.19-3.32c0 0-1.112-.738-1.636-.99c-1.913-.905-4.056-1.089-5.888.57c-3.075 2.802-4.612 6.709-3.075 10.599c.033.084.884 2.465 5.987 4.059c2.24.066 3.549-.068 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c.114-.62.13-2.716 0-3.337"/><path fill="#aff3f9" d="M13.368 5.018v3.687l-3.937.25l-1.554 1.852l-.611 2.823l1.663 2.636l2.102.926h2.855l2.337-.456V6.112s-1.651-1.325-2.73-1.643"/><path fill="#2f3d86" d="M18.413 14.261c-.588-.033-.261-.989-.523-2.079c-.31-1.207.147-2.046.752-2.012c.285.046.555.161.786.335a5.1 5.1 0 0 0-.556-1.492c-.54-.923-1.64-2.264-3.112-3.32v9.991c0 .44-.445.904-.856.998a1 1 0 0 1-1.119-.561a3.8 3.8 0 0 1-1.94.589c-2.114.059-4.078-1.495-4.075-3.793s1.847-4.033 3.96-4.038c.687-.002 1.085.104 1.68.457V5.454c-.003-.15.043-.3.105-.436a1 1 0 0 1 .27-.351c-1.914-.906-3.795-1.054-5.627.606c-3.075 2.801-4.612 6.708-3.075 10.598c.033.085.066.168.099.235a.8.8 0 0 1 .18-.252c.8-.838 1.684.873 3.565 1.861c1.194.622 1.881 1.444 2.143 2.215c1.75.218 3.549-.067 4.988-.923c1.881-1.107 2.977-3.119 3.37-5.165c-.28.252-.638.4-1.015.42m-6.41-7.947c.443-.017.851.52.867.77c.017.252-.375.152-.8.302c-.476.168-.819.017-.835-.234c-.017-.252.31-.822.769-.838"/><path fill="#2f3d86" d="M11.05 14.192c.951.513 2.1.311 2.313-.84c.115-.668.05-1.71-.574-2.037c-2.068-1.12-3.808 1.758-1.74 2.877"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Dnt Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:dnt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:dnt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:dnt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--dnt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:dnt-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:dnt-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/dnt-background.svg" alt="Dnt Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Dnt Background アイコン のよくある質問
Dnt Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dnt Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:dnt-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dnt Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/dnt-background.svg" alt="Dnt Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。