Ethw Background アイコン
token-branded:ethw-background
Ethw Background アイコン(token-branded:ethw-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
- タグ
- ethwbackground
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="url(#SVGRhBOKdPx)" d="M12 9.962L6.947 12L12 4z"/><path fill="url(#SVGIyWkvcFb)" d="M12 9.962L17.052 12L12 4z"/><path fill="url(#SVGL0Wkbd4C)" d="m12 14.527l-5.053-2.661L12 9.896z"/><path fill="#fbfcf7" d="m12.004 14.527l5.049-2.661l-5.049-1.97z"/><path fill="#b0b4e9" d="m14.665 8.585l-.266 4.686l-2.459-3.2l-2.442 3.314l-.286-4.535l.122-.004l.261 4.194l2.341-3.17l2.358 3.065l.249-4.358l.126.008z"/><path fill="url(#SVGlAd8cd1N)" d="M9.288 9.057a.63.63 0 0 0 .636-.62a.63.63 0 0 0-.636-.618a.63.63 0 0 0-.636.619c0 .341.285.619.636.619"/><path fill="#dadcf4" d="M9.431 7.963c.05-.034.16.017.21.046c.013.046.034.143-.025.168c-.071.03-.063-.05-.134-.075c-.072-.03-.123-.093-.055-.14z"/><path fill="url(#SVGOJ1MzbSB)" d="M12.004 10.535a.63.63 0 0 0 .635-.62a.63.63 0 0 0-.635-.618a.63.63 0 0 0-.636.619c0 .341.284.619.636.619"/><path fill="#dadcf4" d="M12.143 9.445c.055-.038.164.012.21.042c.018.05.035.147-.02.168c-.072.03-.063-.046-.135-.076c-.076-.025-.126-.088-.055-.134"/><path fill="url(#SVGGhs4ZdPl)" d="M14.623 9.057a.63.63 0 0 0 .636-.62a.63.63 0 0 0-.636-.618a.63.63 0 0 0-.636.619c0 .341.285.619.636.619"/><path fill="#dadcf4" d="M14.762 7.963c.055-.034.164.017.21.046c.017.046.034.143-.02.168c-.072.03-.064-.05-.14-.075c-.071-.03-.117-.093-.05-.14"/><path fill="url(#SVGG4IjQd3a)" d="M14.354 13.828a.627.627 0 0 0 .635-.618a.63.63 0 0 0-.635-.62a.63.63 0 0 0-.636.62c0 .341.285.618.636.618"/><path fill="#dadcf4" d="M14.492 12.733c.055-.034.165.017.21.046c.018.046.035.143-.02.168c-.072.03-.063-.05-.139-.075c-.072-.03-.118-.093-.05-.14"/><path fill="url(#SVG3vuKKb1z)" d="M9.524 13.828a.627.627 0 0 0 .636-.618a.63.63 0 0 0-.636-.62a.63.63 0 0 0-.636.62c0 .341.285.618.636.618"/><path fill="#dadcf4" d="M9.663 12.733c.055-.034.169.017.21.046c.018.046.039.143-.02.168c-.072.03-.064-.05-.135-.075c-.072-.03-.122-.093-.055-.14"/><path fill="url(#SVGk6lVXZkC)" d="m12.046 15.705l-5.053-2.863L12.046 20z"/><path fill="#c8ccf7" d="m12 15.705l5.052-2.863L12 20z"/></g><defs><linearGradient id="SVGRhBOKdPx" x1="7.124" x2="15.335" y1="17.255" y2="7.411" gradientUnits="userSpaceOnUse"><stop stop-color="#a795f2"/><stop offset="1" stop-color="#b7d0e1"/></linearGradient><linearGradient id="SVGIyWkvcFb" x1="6.947" x2="13.987" y1="7.158" y2="18.964" gradientUnits="userSpaceOnUse"><stop stop-color="#e1f0f3"/><stop offset="1" stop-color="#b3dbf5"/></linearGradient><linearGradient id="SVGL0Wkbd4C" x1="16.918" x2="7.857" y1="6.691" y2="8.631" gradientUnits="userSpaceOnUse"><stop stop-color="#dee1f9"/><stop offset="1" stop-color="#d6cdfb"/></linearGradient><linearGradient id="SVGlAd8cd1N" x1="16.483" x2="6.682" y1="7.211" y2="13.031" gradientUnits="userSpaceOnUse"><stop stop-color="#c0c7f2"/><stop offset="1" stop-color="#7890d6"/></linearGradient><linearGradient id="SVGOJ1MzbSB" x1="16.45" x2="6.67" y1="7.265" y2="13.044" gradientUnits="userSpaceOnUse"><stop stop-color="#c0c7f2"/><stop offset="1" stop-color="#7890d6"/></linearGradient><linearGradient id="SVGGhs4ZdPl" x1="16.45" x2="6.648" y1="7.211" y2="13.031" gradientUnits="userSpaceOnUse"><stop stop-color="#c0c7f2"/><stop offset="1" stop-color="#7890d6"/></linearGradient><linearGradient id="SVGG4IjQd3a" x1="16.45" x2="6.67" y1="7.212" y2="12.991" gradientUnits="userSpaceOnUse"><stop stop-color="#c0c7f2"/><stop offset="1" stop-color="#7890d6"/></linearGradient><linearGradient id="SVG3vuKKb1z" x1="16.484" x2="6.704" y1="7.212" y2="12.99" gradientUnits="userSpaceOnUse"><stop stop-color="#c0c7f2"/><stop offset="1" stop-color="#7890d6"/></linearGradient><linearGradient id="SVGk6lVXZkC" x1="8.025" x2="19.112" y1="4.941" y2="15.919" gradientUnits="userSpaceOnUse"><stop stop-color="#6e89d3"/><stop offset="1" stop-color="#677ff0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Ethw Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ethw-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ethw-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ethw-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ethw-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ethw-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ethw-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ethw-background.svg" alt="Ethw Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ethw Background アイコン のよくある質問
Ethw Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ethw Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ethw-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ethw Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ethw-background.svg" alt="Ethw Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。