2dai logo
2dai-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- 2dai-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 2dai 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(#SVGHcSWxdhd9)"><path fill="#f15a38" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.884 9.953H20v5.582h-1.116zm-.744 2.977l-2.791-4.464l-2.79 4.465h1.294l1.496-2.393l1.496 2.393z"/><path fill="#fff" d="m13.705 15.534l.978-1.92h1.332l.979 1.92l1.518-2.976h-6.325z"/><path fill="#fff" fill-rule="evenodd" d="M8.837 11.736v1.712c.022.074.149.227.502.227c.436 0 .986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29 0 0 0-.265.182a.3.3 0 0 0-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309 0 .696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111 0-.2.101-.2.224M4 11.337l1.116-.64h1.43l.803.774v1.25a3 3 0 0 1-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4 14.585v-.819c.499-.357 1.533-1.153 1.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227 1.247-.818 1.585-1.369c-.063-.301-.234-.52-.372-.52c-.085 0-.476.126-.781.222l-.209.071z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.582 10.325H7.349v4.465h2.233a2.233 2.233 0 0 0 0-4.465m0 .372h-1.86v3.72h1.86a1.861 1.861 0 0 0 0-3.72" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBranded2daiBackground(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(#SVGHcSWxdhd9)"><path fill="#f15a38" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.884 9.953H20v5.582h-1.116zm-.744 2.977l-2.791-4.464l-2.79 4.465h1.294l1.496-2.393l1.496 2.393z"/><path fill="#fff" d="m13.705 15.534l.978-1.92h1.332l.979 1.92l1.518-2.976h-6.325z"/><path fill="#fff" fillRule="evenodd" d="M8.837 11.736v1.712c.022.074.149.227.502.227c.436 0 .986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29 0 0 0-.265.182a.3.3 0 0 0-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309 0 .696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111 0-.2.101-.2.224M4 11.337l1.116-.64h1.43l.803.774v1.25a3 3 0 0 1-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4 14.585v-.819c.499-.357 1.533-1.153 1.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227 1.247-.818 1.585-1.369c-.063-.301-.234-.52-.372-.52c-.085 0-.476.126-.781.222l-.209.071z" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M9.582 10.325H7.349v4.465h2.233a2.233 2.233 0 0 0 0-4.465m0 .372h-1.86v3.72h1.86a1.861 1.861 0 0 0 0-3.72" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><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(#SVGHcSWxdhd9)"><path fill="#f15a38" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.884 9.953H20v5.582h-1.116zm-.744 2.977l-2.791-4.464l-2.79 4.465h1.294l1.496-2.393l1.496 2.393z"/><path fill="#fff" d="m13.705 15.534l.978-1.92h1.332l.979 1.92l1.518-2.976h-6.325z"/><path fill="#fff" fill-rule="evenodd" d="M8.837 11.736v1.712c.022.074.149.227.502.227c.436 0 .986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29 0 0 0-.265.182a.3.3 0 0 0-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309 0 .696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111 0-.2.101-.2.224M4 11.337l1.116-.64h1.43l.803.774v1.25a3 3 0 0 1-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4 14.585v-.819c.499-.357 1.533-1.153 1.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227 1.247-.818 1.585-1.369c-.063-.301-.234-.52-.372-.52c-.085 0-.476.126-.781.222l-.209.071z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.582 10.325H7.349v4.465h2.233a2.233 2.233 0 0 0 0-4.465m0 .372h-1.86v3.72h1.86a1.861 1.861 0 0 0 0-3.72" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-2dai-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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23f15a38%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.884%209.953H20v5.582h-1.116zm-.744%202.977l-2.791-4.464l-2.79%204.465h1.294l1.496-2.393l1.496%202.393z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m13.705%2015.534l.978-1.92h1.332l.979%201.92l1.518-2.976h-6.325z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.837%2011.736v1.712c.022.074.149.227.502.227c.436%200%20.986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29%200%200%200-.265.182a.3.3%200%200%200-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309%200%20.696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111%200-.2.101-.2.224M4%2011.337l1.116-.64h1.43l.803.774v1.25a3%203%200%200%201-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4%2014.585v-.819c.499-.357%201.533-1.153%201.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227%201.247-.818%201.585-1.369c-.063-.301-.234-.52-.372-.52c-.085%200-.476.126-.781.222l-.209.071z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.582%2010.325H7.349v4.465h2.233a2.233%202.233%200%200%200%200-4.465m0%20.372h-1.86v3.72h1.86a1.861%201.861%200%200%200%200-3.72%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23f15a38%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.884%209.953H20v5.582h-1.116zm-.744%202.977l-2.791-4.464l-2.79%204.465h1.294l1.496-2.393l1.496%202.393z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m13.705%2015.534l.978-1.92h1.332l.979%201.92l1.518-2.976h-6.325z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.837%2011.736v1.712c.022.074.149.227.502.227c.436%200%20.986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29%200%200%200-.265.182a.3.3%200%200%200-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309%200%20.696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111%200-.2.101-.2.224M4%2011.337l1.116-.64h1.43l.803.774v1.25a3%203%200%200%201-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4%2014.585v-.819c.499-.357%201.533-1.153%201.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227%201.247-.818%201.585-1.369c-.063-.301-.234-.52-.372-.52c-.085%200-.476.126-.781.222l-.209.071z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.582%2010.325H7.349v4.465h2.233a2.233%202.233%200%200%200%200-4.465m0%20.372h-1.86v3.72h1.86a1.861%201.861%200%200%200%200-3.72%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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/2dai-background.svg?color=%231a73e8&size=48
