Oddz Background アイコン

Q: Oddz Background アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token-branded:oddz-background

Oddz Background アイコン(token-branded:oddz-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
タグ: oddzbackground

SVG をダウンロード

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="#4100a8" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.982 8.128a4.45 4.45 0 0 1 1.574-1.013a3.89 3.89 0 0 1 3.364.355c.356.231.658.511.934.831l-.507.405a4 4 0 0 0-.6-.645a3 3 0 0 0-.89-.52a3.5 3.5 0 0 0-2.066-.133a3.76 3.76 0 0 0-1.649.867c-.013.013-.017.022-.026.008L8.07 8.23z"/><path fill="#fff" d="m19.33 6.132l-1.343.152c-.142.017-.298.026-.4.137c-.151.165-.009.374.111.498l.356.382l.129.134c.009.009-.098.11-.111.124l-.632.689l-.03.036a8.7 8.7 0 0 0-.996-1.174c-.01-.009-.062-.075-.071-.062l-.09.08l-.084.076c-.009.013.063.084.071.093l.312.373q.321.402.586.845c.022.035.027.035-.004.07l-.391.427a6.15 6.15 0 0 0-2.694-2.662a5.8 5.8 0 0 0-4.39-.266a6.17 6.17 0 0 0-3.387 2.853a6.44 6.44 0 0 0-.498 4.969c.009.03.018.044 0 .066l-.054.054l-.097.102l-.205.218l-.67.71l-.72.76c0 .005-.032.027-.028.032l.178.169c.018.022.031.058.054.035l.075-.08l.92-.937l.689-.712a6.3 6.3 0 0 0 1.764 2.494a5.88 5.88 0 0 0 8.036-.374a6.17 6.17 0 0 0 1.729-3.502a6.56 6.56 0 0 0-.325-3.066c-.013-.04-.044-.076-.013-.103l.098-.097l.355-.356a6.6 6.6 0 0 1 .387 4.551q-.184.691-.498 1.333q-.287.567-.635 1.094l.79.502c.334-.591.623-1.2.836-1.849a7.32 7.32 0 0 0-.404-5.635l-.125-.231l-.03-.054c-.014-.026 0-.03.026-.049l.111-.115l.387-.382l.395-.392l.578.618c.134.134.37.276.485.05c.053-.112.053-.24.057-.365l.054-1.08l.022-.45c.009-.141.009-.28-.058-.413a.6.6 0 0 0-.609-.31zm-13.063 6.8a5.5 5.5 0 0 1 .685-4.177a5.03 5.03 0 0 1 3.404-2.311c1.458-.24 2.973.222 4.084 1.19a5.2 5.2 0 0 1 1.467 2.125c.013.036.053.098.022.129l-.106.12l-.756.818l-1.587 1.706l-.813.876l-.289.311c-.066.071-.209.222-.324.169c-.143-.062-.165-.329-.191-.467l-.21-1.133c-.142-.765-.266-1.538-.426-2.298c-.067-.329-.253-.68-.622-.715c-.25-.027-.485.097-.658.266c-.178.178-.342.36-.511.543l-.822.866l-2.236 2.382l-.106-.39c.03.133-.24-1 0 0zm5.627.65c0 .008 0 .004 0 0m4.213-.814a5.38 5.38 0 0 1-2.338 3.44a4.86 4.86 0 0 1-5.937-.573l-.045-.045l-.013-.009a5.3 5.3 0 0 1-1.218-1.764c-.013-.036-.058-.089-.027-.12l.107-.111l.729-.742l1.573-1.614l.84-.853c.17-.169.329-.351.502-.511c.076-.067.2-.16.307-.12c.142.058.169.275.191.404l.205 1.165l.382 2.24c.026.168.053.346.142.493c.151.267.4.435.72.382c.267-.044.467-.231.653-.418l.845-.844l2.435-2.458a5.7 5.7 0 0 1-.049 2.058c.152-.72-.075.364 0 0z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Oddz Background アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:oddz-background" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:oddz-background" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:oddz-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--oddz-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:oddz-background"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:oddz-background"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/oddz-background.svg" alt="Oddz Background アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Oddz Background アイコンのよくある質問

Oddz Background アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Oddz Background アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:oddz-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Oddz Background アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/oddz-background.svg" alt="Oddz Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコンをすべて見る →