Rdd アイコン
token-branded:rdd
Rdd アイコン(token-branded:rdd)は、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="#7ec34e" d="M8.54 20.3q.895.326 1.837.473l-.711-1.477z"/><path fill="#ed1c24" d="M17.676 9.26h.095C19.551 9.26 21 7.885 21 6.21a3.154 3.154 0 0 0-3.229-3.067a3.16 3.16 0 0 0-3.238 2.954q.938.633 1.742 1.43c.587.587 1.07 1.24 1.401 1.732"/><path fill="#ef534e" d="M10.773 20.82q.402.04.806.038h.009a8.7 8.7 0 0 0 2.576-.398l-.512-4.696l-3.712 3.295z"/><path fill="#ffcb03" d="m13.955 15.499l.52 4.848v.01a8.58 8.58 0 0 0 5.436-10.132z"/><path fill="#f5811f" d="M14.135 5.045q.17-.425.426-.804h.01a9 9 0 0 0-1.894-.473l1.23 11.324l5.919-5.227l-.17-.52q-.407.207-.843.34q.093.154.16.322a.23.23 0 0 1-.085.284l-.568.398a.3.3 0 0 1-.142.047h-.057a.26.26 0 0 1-.16-.123c-.285-.473-1.014-1.676-2.084-2.746c-1.06-1.08-2.197-1.78-2.623-2.036a.225.225 0 0 1-.095-.284l.209-.587a.26.26 0 0 1 .123-.142a.21.21 0 0 1 .19 0c.072.025.16.072.264.128z"/><path fill="#ec1c24" d="m9.78 18.747l3.825-3.39h.01l-.759-6.893l-6.94 2.197z"/><path fill="#00a74f" d="M3.028 11.589L3 12.28a8.59 8.59 0 0 0 5.189 7.888l1.325-1.183l-3.929-8.21z"/><path fill="#0059a9" d="M4.207 7.904a8.3 8.3 0 0 0-1.131 3.334l2.367-.758z"/><path fill="#0077c0" d="M12.336 3.73a10 10 0 0 0-.748-.029A8.56 8.56 0 0 0 4.42 7.555l1.355 2.812l7.035-2.244z"/></g></svg>Rdd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rdd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rdd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rdd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rdd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rdd"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rdd"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rdd.svg" alt="Rdd アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Rdd アイコン
Rdd アイコン のよくある質問
Rdd アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rdd アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rdd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rdd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rdd.svg" alt="Rdd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。