oddz logo

oddz-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: oddz-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the oddz logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd188)"><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="SVGHcSWxdhd188"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOddzBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd188)"><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="SVGHcSWxdhd188"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd188)"><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="SVGHcSWxdhd188"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-oddz-background {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd188)%22%3E%3Cpath%20fill%3D%22%234100a8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.982%208.128a4.45%204.45%200%200%201%201.574-1.013a3.89%203.89%200%200%201%203.364.355c.356.231.658.511.934.831l-.507.405a4%204%200%200%200-.6-.645a3%203%200%200%200-.89-.52a3.5%203.5%200%200%200-2.066-.133a3.76%203.76%200%200%200-1.649.867c-.013.013-.017.022-.026.008L8.07%208.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.33%206.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%208.7%200%200%200-.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%206.15%200%200%200-2.694-2.662a5.8%205.8%200%200%200-4.39-.266a6.17%206.17%200%200%200-3.387%202.853a6.44%206.44%200%200%200-.498%204.969c.009.03.018.044%200%20.066l-.054.054l-.097.102l-.205.218l-.67.71l-.72.76c0%20.005-.032.027-.028.032l.178.169c.018.022.031.058.054.035l.075-.08l.92-.937l.689-.712a6.3%206.3%200%200%200%201.764%202.494a5.88%205.88%200%200%200%208.036-.374a6.17%206.17%200%200%200%201.729-3.502a6.56%206.56%200%200%200-.325-3.066c-.013-.04-.044-.076-.013-.103l.098-.097l.355-.356a6.6%206.6%200%200%201%20.387%204.551q-.184.691-.498%201.333q-.287.567-.635%201.094l.79.502c.334-.591.623-1.2.836-1.849a7.32%207.32%200%200%200-.404-5.635l-.125-.231l-.03-.054c-.014-.026%200-.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%200%200%200-.609-.31zm-13.063%206.8a5.5%205.5%200%200%201%20.685-4.177a5.03%205.03%200%200%201%203.404-2.311c1.458-.24%202.973.222%204.084%201.19a5.2%205.2%200%200%201%201.467%202.125c.013.036.053.098.022.129l-.106.12l-.756.818l-1.587%201.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%202.382l-.106-.39c.03.133-.24-1%200%200zm5.627.65c0%20.008%200%20.004%200%200m4.213-.814a5.38%205.38%200%200%201-2.338%203.44a4.86%204.86%200%200%201-5.937-.573l-.045-.045l-.013-.009a5.3%205.3%200%200%201-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%201.165l.382%202.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%205.7%200%200%201-.049%202.058c.152-.72-.075.364%200%200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd188%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd188)%22%3E%3Cpath%20fill%3D%22%234100a8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.982%208.128a4.45%204.45%200%200%201%201.574-1.013a3.89%203.89%200%200%201%203.364.355c.356.231.658.511.934.831l-.507.405a4%204%200%200%200-.6-.645a3%203%200%200%200-.89-.52a3.5%203.5%200%200%200-2.066-.133a3.76%203.76%200%200%200-1.649.867c-.013.013-.017.022-.026.008L8.07%208.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.33%206.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%208.7%200%200%200-.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%206.15%200%200%200-2.694-2.662a5.8%205.8%200%200%200-4.39-.266a6.17%206.17%200%200%200-3.387%202.853a6.44%206.44%200%200%200-.498%204.969c.009.03.018.044%200%20.066l-.054.054l-.097.102l-.205.218l-.67.71l-.72.76c0%20.005-.032.027-.028.032l.178.169c.018.022.031.058.054.035l.075-.08l.92-.937l.689-.712a6.3%206.3%200%200%200%201.764%202.494a5.88%205.88%200%200%200%208.036-.374a6.17%206.17%200%200%200%201.729-3.502a6.56%206.56%200%200%200-.325-3.066c-.013-.04-.044-.076-.013-.103l.098-.097l.355-.356a6.6%206.6%200%200%201%20.387%204.551q-.184.691-.498%201.333q-.287.567-.635%201.094l.79.502c.334-.591.623-1.2.836-1.849a7.32%207.32%200%200%200-.404-5.635l-.125-.231l-.03-.054c-.014-.026%200-.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%200%200%200-.609-.31zm-13.063%206.8a5.5%205.5%200%200%201%20.685-4.177a5.03%205.03%200%200%201%203.404-2.311c1.458-.24%202.973.222%204.084%201.19a5.2%205.2%200%200%201%201.467%202.125c.013.036.053.098.022.129l-.106.12l-.756.818l-1.587%201.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%202.382l-.106-.39c.03.133-.24-1%200%200zm5.627.65c0%20.008%200%20.004%200%200m4.213-.814a5.38%205.38%200%200%201-2.338%203.44a4.86%204.86%200%200%201-5.937-.573l-.045-.045l-.013-.009a5.3%205.3%200%200%201-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%201.165l.382%202.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%205.7%200%200%201-.049%202.058c.152-.72-.075.364%200%200z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd188%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/oddz-background.svg?color=%231a73e8&size=48