Edg Background アイコン
token-branded:edg-background
Edg Background アイコン(token-branded:edg-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
- タグ
- edgbackground
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="#5a2d8c" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.225 9.197v5.329c0 .24.009.48-.04.712a2.77 2.77 0 0 1-.803 1.407c-.194.177-.426.297-.66.433l-4.58 2.665c-.483.247-1.03.295-1.552.232a2.1 2.1 0 0 1-.764-.257L5.987 16.91a2.43 2.43 0 0 1-.908-.96a2.4 2.4 0 0 1-.305-1.097V9.101c.032-.56.281-1.089.635-1.513q.218-.269.514-.448l4.493-2.617c.242-.136.482-.304.748-.392a2.9 2.9 0 0 1 1.399-.08c.2.056.41.12.602.232l4.895 2.85c.434.255.747.687.965 1.143c.128.288.2.6.2.92M11.951 7.22a8.6 8.6 0 0 1-1.197 1.408c-.233.217-.458.457-.595.752c-.116.21-.166.45-.144.689c.031.32.265.608.563.72c.305.128.65.096.964-.016a.3.3 0 0 1 .16-.024c-.056.376-.281.696-.466 1.024v.056l.515.512c.04.04.08.096.136.112c.193-.144.346-.344.523-.504c.032-.048.112-.096.08-.16c-.177-.32-.37-.64-.418-1.017c.032-.08.12-.015.177 0a1.16 1.16 0 0 0 .924.049a.94.94 0 0 0 .563-1.048a1.9 1.9 0 0 0-.547-1.009a6.6 6.6 0 0 1-1.125-1.44a.18.18 0 0 0-.113-.104m-2.916 5.2a1.8 1.8 0 0 0-.912 1.64a1.79 1.79 0 0 0 1.057 1.553c.444.182.943.186 1.39.008c.225-.088.426-.24.595-.416c.056-.064.153-.12.153-.224c-.009-.104-.105-.16-.161-.24c-.08-.065-.145-.16-.233-.209c-.145-.063-.233.096-.322.177c-.37.367-1.028.367-1.399.008a1 1 0 0 1-.305-.897c.04-.304.226-.592.499-.744a1.3 1.3 0 0 1 .57-.128c.282.024.53.16.724.368l1.873 1.92a1.755 1.755 0 0 0 2.799-.409c.125-.234.196-.493.207-.759a1.78 1.78 0 0 0-.348-1.167a1.8 1.8 0 0 0-1.02-.673c-.521-.096-1.108.008-1.51.376c-.289.264-.547.56-.828.816c-.297-.24-.522-.535-.803-.784a1.4 1.4 0 0 0-.427-.272l-.08-.04a1.7 1.7 0 0 0-1.528.104zm4.043.848a1.04 1.04 0 0 1 .803-.304a.96.96 0 0 1 .788.448c.265.4.193.976-.152 1.305c-.346.343-.94.384-1.319.064c-.28-.24-.514-.52-.779-.769l-.008-.063z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Edg Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:edg-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:edg-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:edg-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--edg-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:edg-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:edg-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/edg-background.svg" alt="Edg Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Edg Background アイコン のよくある質問
Edg Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Edg Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:edg-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Edg Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/edg-background.svg" alt="Edg Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。