Sdex Background アイコン
token-branded:sdex-background
Sdex Background アイコン(token-branded:sdex-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
- タグ
- sdexbackground
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="#00ffb2" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M18.667 8.88a2 2 0 0 0-1.022-1.685l-1.53-.955l-3.044-1.912a1.87 1.87 0 0 0-2.147.023q-1.235.78-2.48 1.546l-.48.298c-.538.338-1.08.671-1.613 1.014c-.53.337-1.014 1-1.018 1.644v6.17A2.12 2.12 0 0 0 6.364 16.8l2.365 1.485l2.19 1.369a1.91 1.91 0 0 0 2.232-.027c.787-.511 1.583-1.004 2.378-1.493c.725-.454 1.454-.902 2.174-1.365a2.1 2.1 0 0 0 .964-1.706zm-4.009 5.787q-1.088.75-2.222 1.426a.8.8 0 0 1-.436.13a.9.9 0 0 1-.467-.143c-.48-.293-.835-.506-1.2-.72l-1.4-.844c-.506-.311-.498-.836-.489-1.351v-.152a.29.29 0 0 0-.142-.266c-.213-.13-.427-.28-.644-.431c-.232-.16-.463-.325-.694-.463c-.182-.11-.293-.053-.293.165v.462c-.005.631-.009 1.262.013 1.893c.018.57.298 1.023.8 1.334l3.667 2.253c.578.356 1.147.343 1.72-.013l1.671-1.022c.667-.41 1.334-.814 1.992-1.227a1.69 1.69 0 0 0 .8-1.329c.026-.28-.227-.418-.458-.547l-.147-.08a98 98 0 0 1-1.43-.889c-.832-.52-1.845-1.15-2.814-1.742c0 0 2.15 3.538 2.177 3.556zm-3.093-6.76q-1.136.676-2.223 1.426c.022.018 2.174 3.556 2.174 3.556a299 299 0 0 1-2.814-1.742c-.596-.374-1.098-.69-1.431-.89l-.147-.08c-.23-.128-.489-.266-.453-.546a1.69 1.69 0 0 1 .795-1.333l1.992-1.223l1.671-1.022a1.515 1.515 0 0 1 1.72-.013l2.422 1.489l1.245.76a1.57 1.57 0 0 1 .8 1.338c.022.63.018 1.262.013 1.889v.466c0 .218-.11.276-.293.165c-.231-.138-.462-.303-.694-.463c-.217-.15-.43-.302-.644-.43a.29.29 0 0 1-.142-.267v-.152c.009-.515.018-1.04-.49-1.35l-1.4-.845c-.364-.214-.72-.427-1.2-.72A.9.9 0 0 0 12 7.778a.85.85 0 0 0-.435.128" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Sdex Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sdex-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sdex-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sdex-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sdex-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sdex-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sdex-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/sdex-background.svg" alt="Sdex Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Sdex Background アイコン のよくある質問
Sdex Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sdex Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:sdex-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sdex Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/sdex-background.svg" alt="Sdex Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。