sdex logo

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

Name: sdex-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 sdex 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(#SVGHcSWxdhd290)"><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="SVGHcSWxdhd290"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedSdexBackground(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(#SVGHcSWxdhd290)"><path fill="#00ffb2" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="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" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd290"><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(#SVGHcSWxdhd290)"><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="SVGHcSWxdhd290"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-sdex-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(%23SVGHcSWxdhd290)%22%3E%3Cpath%20fill%3D%22%2300ffb2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.667%208.88a2%202%200%200%200-1.022-1.685l-1.53-.955l-3.044-1.912a1.87%201.87%200%200%200-2.147.023q-1.235.78-2.48%201.546l-.48.298c-.538.338-1.08.671-1.613%201.014c-.53.337-1.014%201-1.018%201.644v6.17A2.12%202.12%200%200%200%206.364%2016.8l2.365%201.485l2.19%201.369a1.91%201.91%200%200%200%202.232-.027c.787-.511%201.583-1.004%202.378-1.493c.725-.454%201.454-.902%202.174-1.365a2.1%202.1%200%200%200%20.964-1.706zm-4.009%205.787q-1.088.75-2.222%201.426a.8.8%200%200%201-.436.13a.9.9%200%200%201-.467-.143c-.48-.293-.835-.506-1.2-.72l-1.4-.844c-.506-.311-.498-.836-.489-1.351v-.152a.29.29%200%200%200-.142-.266c-.213-.13-.427-.28-.644-.431c-.232-.16-.463-.325-.694-.463c-.182-.11-.293-.053-.293.165v.462c-.005.631-.009%201.262.013%201.893c.018.57.298%201.023.8%201.334l3.667%202.253c.578.356%201.147.343%201.72-.013l1.671-1.022c.667-.41%201.334-.814%201.992-1.227a1.69%201.69%200%200%200%20.8-1.329c.026-.28-.227-.418-.458-.547l-.147-.08a98%2098%200%200%201-1.43-.889c-.832-.52-1.845-1.15-2.814-1.742c0%200%202.15%203.538%202.177%203.556zm-3.093-6.76q-1.136.676-2.223%201.426c.022.018%202.174%203.556%202.174%203.556a299%20299%200%200%201-2.814-1.742c-.596-.374-1.098-.69-1.431-.89l-.147-.08c-.23-.128-.489-.266-.453-.546a1.69%201.69%200%200%201%20.795-1.333l1.992-1.223l1.671-1.022a1.515%201.515%200%200%201%201.72-.013l2.422%201.489l1.245.76a1.57%201.57%200%200%201%20.8%201.338c.022.63.018%201.262.013%201.889v.466c0%20.218-.11.276-.293.165c-.231-.138-.462-.303-.694-.463c-.217-.15-.43-.302-.644-.43a.29.29%200%200%201-.142-.267v-.152c.009-.515.018-1.04-.49-1.35l-1.4-.845c-.364-.214-.72-.427-1.2-.72A.9.9%200%200%200%2012%207.778a.85.85%200%200%200-.435.128%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd290%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(%23SVGHcSWxdhd290)%22%3E%3Cpath%20fill%3D%22%2300ffb2%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.667%208.88a2%202%200%200%200-1.022-1.685l-1.53-.955l-3.044-1.912a1.87%201.87%200%200%200-2.147.023q-1.235.78-2.48%201.546l-.48.298c-.538.338-1.08.671-1.613%201.014c-.53.337-1.014%201-1.018%201.644v6.17A2.12%202.12%200%200%200%206.364%2016.8l2.365%201.485l2.19%201.369a1.91%201.91%200%200%200%202.232-.027c.787-.511%201.583-1.004%202.378-1.493c.725-.454%201.454-.902%202.174-1.365a2.1%202.1%200%200%200%20.964-1.706zm-4.009%205.787q-1.088.75-2.222%201.426a.8.8%200%200%201-.436.13a.9.9%200%200%201-.467-.143c-.48-.293-.835-.506-1.2-.72l-1.4-.844c-.506-.311-.498-.836-.489-1.351v-.152a.29.29%200%200%200-.142-.266c-.213-.13-.427-.28-.644-.431c-.232-.16-.463-.325-.694-.463c-.182-.11-.293-.053-.293.165v.462c-.005.631-.009%201.262.013%201.893c.018.57.298%201.023.8%201.334l3.667%202.253c.578.356%201.147.343%201.72-.013l1.671-1.022c.667-.41%201.334-.814%201.992-1.227a1.69%201.69%200%200%200%20.8-1.329c.026-.28-.227-.418-.458-.547l-.147-.08a98%2098%200%200%201-1.43-.889c-.832-.52-1.845-1.15-2.814-1.742c0%200%202.15%203.538%202.177%203.556zm-3.093-6.76q-1.136.676-2.223%201.426c.022.018%202.174%203.556%202.174%203.556a299%20299%200%200%201-2.814-1.742c-.596-.374-1.098-.69-1.431-.89l-.147-.08c-.23-.128-.489-.266-.453-.546a1.69%201.69%200%200%201%20.795-1.333l1.992-1.223l1.671-1.022a1.515%201.515%200%200%201%201.72-.013l2.422%201.489l1.245.76a1.57%201.57%200%200%201%20.8%201.338c.022.63.018%201.262.013%201.889v.466c0%20.218-.11.276-.293.165c-.231-.138-.462-.303-.694-.463c-.217-.15-.43-.302-.644-.43a.29.29%200%200%201-.142-.267v-.152c.009-.515.018-1.04-.49-1.35l-1.4-.845c-.364-.214-.72-.427-1.2-.72A.9.9%200%200%200%2012%207.778a.85.85%200%200%200-.435.128%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd290%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/sdex-background.svg?color=%231a73e8&size=48