usdd logo
usdd-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- usdd-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 usdd 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(#SVGHcSWxdhd205)"><path fill="#216c58" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.374 6.354c-.17 0-.31.169-.31.376v.188c0 .207.14.377.31.377h5.872c.17 0 .311-.17.311-.377V6.73c0-.207-.141-.376-.31-.376zm2.39 1.176v10.28c0 .17-.127.31-.282.31h-.141c-.155 0-.282-.14-.282-.31V7.53zm1.412 0v10.28c0 .17-.127.31-.282.31h-.142c-.155 0-.282-.14-.282-.31V7.53z"/><path fill="#fff" d="M11.34 9.958a2.4 2.4 0 0 1 .82-.122c.489 0 .856.094 1.115.263a.9.9 0 0 1 .376.47c.07.19.245.368.485.368h1.425c.254 0 .485-.212.447-.49a2.4 2.4 0 0 0-.484-1.148q-.495-.636-1.355-.983c-.575-.235-1.243-.348-1.996-.348c-.743 0-1.411.113-2 .348a3.37 3.37 0 0 0-1.411.979c-.346.422-.53.955-.518 1.5a2.02 2.02 0 0 0 .79 1.676c.509.405 1.196.696 2.052.88l1.083.24c.489.108 1.571.273 1.571.955c0 .762-1.044.932-1.609.932c-.673 0-1.553-.193-1.755-.937c-.057-.202-.235-.395-.48-.395H8.46a.44.44 0 0 0-.447.485c.06.527.235.978.527 1.364a3.2 3.2 0 0 0 1.458 1.022q.926.336 2.156.334q1.235 0 2.131-.33a3.1 3.1 0 0 0 1.388-.97a2.4 2.4 0 0 0 .5-1.5a2.28 2.28 0 0 0-.904-1.84a3.9 3.9 0 0 0-.984-.555c-.833-.33-2.884-.325-3.482-1.158a.48.48 0 0 1-.085-.32v-.005q-.002-.231.151-.414c.103-.122.259-.226.47-.3"/><path fill="#fff" d="M11.764 9.35h-.705v1.083h.705zm0 3.85h-.705v1.073h.705zm0 3.227h-.705v1.078h.705zm1.412-7.076h-.706v1.082h.706zm0 3.849h-.706v1.073h.706zm0 3.227h-.706v1.078h.706z"/><path fill="#fff" d="M19.769 12.461a.24.24 0 0 0-.24.216a7.544 7.544 0 0 1-7.53 6.852c-3.952 0-7.184-3.007-7.528-6.852a.245.245 0 0 0-.24-.216a.23.23 0 0 0-.23.245A8.02 8.02 0 0 0 12 19.999c4.197 0 7.642-3.204 8-7.293a.226.226 0 0 0-.232-.245m-15.533-.922a.24.24 0 0 0 .24-.217A7.543 7.543 0 0 1 12 4.472c3.953-.001 7.185 3.006 7.529 6.85a.24.24 0 0 0 .24.217c.136 0 .24-.113.23-.245A8.02 8.02 0 0 0 12 4a8.02 8.02 0 0 0-7.998 7.294a.23.23 0 0 0 .23.245z"/></g><defs><clipPath id="SVGHcSWxdhd205"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUsddBackground(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(#SVGHcSWxdhd205)"><path fill="#216c58" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.374 6.354c-.17 0-.31.169-.31.376v.188c0 .207.14.377.31.377h5.872c.17 0 .311-.17.311-.377V6.73c0-.207-.141-.376-.31-.376zm2.39 1.176v10.28c0 .17-.127.31-.282.31h-.141c-.155 0-.282-.14-.282-.31V7.53zm1.412 0v10.28c0 .17-.127.31-.282.31h-.142c-.155 0-.282-.14-.282-.31V7.53z"/><path fill="#fff" d="M11.34 9.958a2.4 2.4 0 0 1 .82-.122c.489 0 .856.094 1.115.263a.9.9 0 0 1 .376.47c.07.19.245.368.485.368h1.425c.254 0 .485-.212.447-.49a2.4 2.4 0 0 0-.484-1.148q-.495-.636-1.355-.983c-.575-.235-1.243-.348-1.996-.348c-.743 0-1.411.113-2 .348a3.37 3.37 0 0 0-1.411.979c-.346.422-.53.955-.518 1.5a2.02 2.02 0 0 0 .79 1.676c.509.405 1.196.696 2.052.88l1.083.24c.489.108 1.571.273 1.571.955c0 .762-1.044.932-1.609.932c-.673 0-1.553-.193-1.755-.937c-.057-.202-.235-.395-.48-.395H8.46a.44.44 0 0 0-.447.485c.06.527.235.978.527 1.364a3.2 3.2 0 0 0 1.458 1.022q.926.336 2.156.334q1.235 0 2.131-.33a3.1 3.1 0 0 0 1.388-.97a2.4 2.4 0 0 0 .5-1.5a2.28 2.28 0 0 0-.904-1.84a3.9 3.9 0 0 0-.984-.555c-.833-.33-2.884-.325-3.482-1.158a.48.48 0 0 1-.085-.32v-.005q-.002-.231.151-.414c.103-.122.259-.226.47-.3"/><path fill="#fff" d="M11.764 9.35h-.705v1.083h.705zm0 3.85h-.705v1.073h.705zm0 3.227h-.705v1.078h.705zm1.412-7.076h-.706v1.082h.706zm0 3.849h-.706v1.073h.706zm0 3.227h-.706v1.078h.706z"/><path fill="#fff" d="M19.769 12.461a.24.24 0 0 0-.24.216a7.544 7.544 0 0 1-7.53 6.852c-3.952 0-7.184-3.007-7.528-6.852a.245.245 0 0 0-.24-.216a.23.23 0 0 0-.23.245A8.02 8.02 0 0 0 12 19.999c4.197 0 7.642-3.204 8-7.293a.226.226 0 0 0-.232-.245m-15.533-.922a.24.24 0 0 0 .24-.217A7.543 7.543 0 0 1 12 4.472c3.953-.001 7.185 3.006 7.529 6.85a.24.24 0 0 0 .24.217c.136 0 .24-.113.23-.245A8.02 8.02 0 0 0 12 4a8.02 8.02 0 0 0-7.998 7.294a.23.23 0 0 0 .23.245z"/></g><defs><clipPath id="SVGHcSWxdhd205"><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(#SVGHcSWxdhd205)"><path fill="#216c58" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.374 6.354c-.17 0-.31.169-.31.376v.188c0 .207.14.377.31.377h5.872c.17 0 .311-.17.311-.377V6.73c0-.207-.141-.376-.31-.376zm2.39 1.176v10.28c0 .17-.127.31-.282.31h-.141c-.155 0-.282-.14-.282-.31V7.53zm1.412 0v10.28c0 .17-.127.31-.282.31h-.142c-.155 0-.282-.14-.282-.31V7.53z"/><path fill="#fff" d="M11.34 9.958a2.4 2.4 0 0 1 .82-.122c.489 0 .856.094 1.115.263a.9.9 0 0 1 .376.47c.07.19.245.368.485.368h1.425c.254 0 .485-.212.447-.49a2.4 2.4 0 0 0-.484-1.148q-.495-.636-1.355-.983c-.575-.235-1.243-.348-1.996-.348c-.743 0-1.411.113-2 .348a3.37 3.37 0 0 0-1.411.979c-.346.422-.53.955-.518 1.5a2.02 2.02 0 0 0 .79 1.676c.509.405 1.196.696 2.052.88l1.083.24c.489.108 1.571.273 1.571.955c0 .762-1.044.932-1.609.932c-.673 0-1.553-.193-1.755-.937c-.057-.202-.235-.395-.48-.395H8.46a.44.44 0 0 0-.447.485c.06.527.235.978.527 1.364a3.2 3.2 0 0 0 1.458 1.022q.926.336 2.156.334q1.235 0 2.131-.33a3.1 3.1 0 0 0 1.388-.97a2.4 2.4 0 0 0 .5-1.5a2.28 2.28 0 0 0-.904-1.84a3.9 3.9 0 0 0-.984-.555c-.833-.33-2.884-.325-3.482-1.158a.48.48 0 0 1-.085-.32v-.005q-.002-.231.151-.414c.103-.122.259-.226.47-.3"/><path fill="#fff" d="M11.764 9.35h-.705v1.083h.705zm0 3.85h-.705v1.073h.705zm0 3.227h-.705v1.078h.705zm1.412-7.076h-.706v1.082h.706zm0 3.849h-.706v1.073h.706zm0 3.227h-.706v1.078h.706z"/><path fill="#fff" d="M19.769 12.461a.24.24 0 0 0-.24.216a7.544 7.544 0 0 1-7.53 6.852c-3.952 0-7.184-3.007-7.528-6.852a.245.245 0 0 0-.24-.216a.23.23 0 0 0-.23.245A8.02 8.02 0 0 0 12 19.999c4.197 0 7.642-3.204 8-7.293a.226.226 0 0 0-.232-.245m-15.533-.922a.24.24 0 0 0 .24-.217A7.543 7.543 0 0 1 12 4.472c3.953-.001 7.185 3.006 7.529 6.85a.24.24 0 0 0 .24.217c.136 0 .24-.113.23-.245A8.02 8.02 0 0 0 12 4a8.02 8.02 0 0 0-7.998 7.294a.23.23 0 0 0 .23.245z"/></g><defs><clipPath id="SVGHcSWxdhd205"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-usdd-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(%23SVGHcSWxdhd205)%22%3E%3Cpath%20fill%3D%22%23216c58%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.374%206.354c-.17%200-.31.169-.31.376v.188c0%20.207.14.377.31.377h5.872c.17%200%20.311-.17.311-.377V6.73c0-.207-.141-.376-.31-.376zm2.39%201.176v10.28c0%20.17-.127.31-.282.31h-.141c-.155%200-.282-.14-.282-.31V7.53zm1.412%200v10.28c0%20.17-.127.31-.282.31h-.142c-.155%200-.282-.14-.282-.31V7.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.34%209.958a2.4%202.4%200%200%201%20.82-.122c.489%200%20.856.094%201.115.263a.9.9%200%200%201%20.376.47c.07.19.245.368.485.368h1.425c.254%200%20.485-.212.447-.49a2.4%202.4%200%200%200-.484-1.148q-.495-.636-1.355-.983c-.575-.235-1.243-.348-1.996-.348c-.743%200-1.411.113-2%20.348a3.37%203.37%200%200%200-1.411.979c-.346.422-.53.955-.518%201.5a2.02%202.02%200%200%200%20.79%201.676c.509.405%201.196.696%202.052.88l1.083.24c.489.108%201.571.273%201.571.955c0%20.762-1.044.932-1.609.932c-.673%200-1.553-.193-1.755-.937c-.057-.202-.235-.395-.48-.395H8.46a.44.44%200%200%200-.447.485c.06.527.235.978.527%201.364a3.2%203.2%200%200%200%201.458%201.022q.926.336%202.156.334q1.235%200%202.131-.33a3.1%203.1%200%200%200%201.388-.97a2.4%202.4%200%200%200%20.5-1.5a2.28%202.28%200%200%200-.904-1.84a3.9%203.9%200%200%200-.984-.555c-.833-.33-2.884-.325-3.482-1.158a.48.48%200%200%201-.085-.32v-.005q-.002-.231.151-.414c.103-.122.259-.226.47-.3%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.764%209.35h-.705v1.083h.705zm0%203.85h-.705v1.073h.705zm0%203.227h-.705v1.078h.705zm1.412-7.076h-.706v1.082h.706zm0%203.849h-.706v1.073h.706zm0%203.227h-.706v1.078h.706z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.769%2012.461a.24.24%200%200%200-.24.216a7.544%207.544%200%200%201-7.53%206.852c-3.952%200-7.184-3.007-7.528-6.852a.245.245%200%200%200-.24-.216a.23.23%200%200%200-.23.245A8.02%208.02%200%200%200%2012%2019.999c4.197%200%207.642-3.204%208-7.293a.226.226%200%200%200-.232-.245m-15.533-.922a.24.24%200%200%200%20.24-.217A7.543%207.543%200%200%201%2012%204.472c3.953-.001%207.185%203.006%207.529%206.85a.24.24%200%200%200%20.24.217c.136%200%20.24-.113.23-.245A8.02%208.02%200%200%200%2012%204a8.02%208.02%200%200%200-7.998%207.294a.23.23%200%200%200%20.23.245z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd205%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(%23SVGHcSWxdhd205)%22%3E%3Cpath%20fill%3D%22%23216c58%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.374%206.354c-.17%200-.31.169-.31.376v.188c0%20.207.14.377.31.377h5.872c.17%200%20.311-.17.311-.377V6.73c0-.207-.141-.376-.31-.376zm2.39%201.176v10.28c0%20.17-.127.31-.282.31h-.141c-.155%200-.282-.14-.282-.31V7.53zm1.412%200v10.28c0%20.17-.127.31-.282.31h-.142c-.155%200-.282-.14-.282-.31V7.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.34%209.958a2.4%202.4%200%200%201%20.82-.122c.489%200%20.856.094%201.115.263a.9.9%200%200%201%20.376.47c.07.19.245.368.485.368h1.425c.254%200%20.485-.212.447-.49a2.4%202.4%200%200%200-.484-1.148q-.495-.636-1.355-.983c-.575-.235-1.243-.348-1.996-.348c-.743%200-1.411.113-2%20.348a3.37%203.37%200%200%200-1.411.979c-.346.422-.53.955-.518%201.5a2.02%202.02%200%200%200%20.79%201.676c.509.405%201.196.696%202.052.88l1.083.24c.489.108%201.571.273%201.571.955c0%20.762-1.044.932-1.609.932c-.673%200-1.553-.193-1.755-.937c-.057-.202-.235-.395-.48-.395H8.46a.44.44%200%200%200-.447.485c.06.527.235.978.527%201.364a3.2%203.2%200%200%200%201.458%201.022q.926.336%202.156.334q1.235%200%202.131-.33a3.1%203.1%200%200%200%201.388-.97a2.4%202.4%200%200%200%20.5-1.5a2.28%202.28%200%200%200-.904-1.84a3.9%203.9%200%200%200-.984-.555c-.833-.33-2.884-.325-3.482-1.158a.48.48%200%200%201-.085-.32v-.005q-.002-.231.151-.414c.103-.122.259-.226.47-.3%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.764%209.35h-.705v1.083h.705zm0%203.85h-.705v1.073h.705zm0%203.227h-.705v1.078h.705zm1.412-7.076h-.706v1.082h.706zm0%203.849h-.706v1.073h.706zm0%203.227h-.706v1.078h.706z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.769%2012.461a.24.24%200%200%200-.24.216a7.544%207.544%200%200%201-7.53%206.852c-3.952%200-7.184-3.007-7.528-6.852a.245.245%200%200%200-.24-.216a.23.23%200%200%200-.23.245A8.02%208.02%200%200%200%2012%2019.999c4.197%200%207.642-3.204%208-7.293a.226.226%200%200%200-.232-.245m-15.533-.922a.24.24%200%200%200%20.24-.217A7.543%207.543%200%200%201%2012%204.472c3.953-.001%207.185%203.006%207.529%206.85a.24.24%200%200%200%20.24.217c.136%200%20.24-.113.23-.245A8.02%208.02%200%200%200%2012%204a8.02%208.02%200%200%200-7.998%207.294a.23.23%200%200%200%20.23.245z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd205%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/usdd-background.svg?color=%231a73e8&size=48
