usde logo
usde from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- usde
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the usde logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#111" stroke="#111" stroke-width=".326" d="M12 3.162a8.84 8.84 0 1 1 0 17.676a8.84 8.84 0 0 1 0-17.677Z"/><path fill="url(#SVG3pOSdcVV)" fill-opacity=".7" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9"/><path stroke="url(#SVGRPiaVcyk)" stroke-width=".33" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9Z"/><path fill="#fff" fill-rule="evenodd" d="M10.56 4.592a7.54 7.54 0 0 0-6.102 7.399a7.54 7.54 0 0 0 6.102 7.398v-.706a6.846 6.846 0 0 1 0-13.385zm2.88.711v-.706a7.534 7.534 0 0 1 0 14.788v-.707a6.846 6.846 0 0 0 5.395-6.687a6.846 6.846 0 0 0-5.395-6.688" clip-rule="evenodd"/><path fill="#fff" d="M13.066 11.742c.577.11 1.02.323 1.338.632q.477.458.476 1.172v.753q-.001.858-.619 1.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3 2.3 0 0 1-1.173-.295a2.1 2.1 0 0 1-.794-.845a2.8 2.8 0 0 1-.276-1.27h.793q.001.73.397 1.187c.273.295.633.448 1.071.448h1.228q.65 0 1.052-.305q.396-.317.397-.821v-.753a.9.9 0 0 0-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518 1.601-.517h.199V6.6h.794v1.195h.254q.94 0 1.514.61q.575.597.576 1.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631 0-1.006.305q-.375.292-.374.798v.633q0 .408.277.692c.194.19.452.314.784.374z"/><defs><radialGradient id="SVG3pOSdcVV" cx="0" cy="0" r="1" gradientTransform="matrix(0 18.9762 -13.3573 0 12.018 5.626)" gradientUnits="userSpaceOnUse"><stop offset=".031" stop-color="#3a3a3a"/><stop offset="1" stop-color="#1c1c1c"/></radialGradient><linearGradient id="SVGRPiaVcyk" x1="11.999" x2="11.999" y1="2.834" y2="21.164" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#111"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUsde(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"><path fill="#111" stroke="#111" strokeWidth=".326" d="M12 3.162a8.84 8.84 0 1 1 0 17.676a8.84 8.84 0 0 1 0-17.677Z"/><path fill="url(#SVG3pOSdcVV)" fillOpacity=".7" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9"/><path stroke="url(#SVGRPiaVcyk)" strokeWidth=".33" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9Z"/><path fill="#fff" fillRule="evenodd" d="M10.56 4.592a7.54 7.54 0 0 0-6.102 7.399a7.54 7.54 0 0 0 6.102 7.398v-.706a6.846 6.846 0 0 1 0-13.385zm2.88.711v-.706a7.534 7.534 0 0 1 0 14.788v-.707a6.846 6.846 0 0 0 5.395-6.687a6.846 6.846 0 0 0-5.395-6.688" clipRule="evenodd"/><path fill="#fff" d="M13.066 11.742c.577.11 1.02.323 1.338.632q.477.458.476 1.172v.753q-.001.858-.619 1.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3 2.3 0 0 1-1.173-.295a2.1 2.1 0 0 1-.794-.845a2.8 2.8 0 0 1-.276-1.27h.793q.001.73.397 1.187c.273.295.633.448 1.071.448h1.228q.65 0 1.052-.305q.396-.317.397-.821v-.753a.9.9 0 0 0-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518 1.601-.517h.199V6.6h.794v1.195h.254q.94 0 1.514.61q.575.597.576 1.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631 0-1.006.305q-.375.292-.374.798v.633q0 .408.277.692c.194.19.452.314.784.374z"/><defs><radialGradient id="SVG3pOSdcVV" cx="0" cy="0" r="1" gradientTransform="matrix(0 18.9762 -13.3573 0 12.018 5.626)" gradientUnits="userSpaceOnUse"><stop offset=".031" stopColor="#3a3a3a"/><stop offset="1" stopColor="#1c1c1c"/></radialGradient><linearGradient id="SVGRPiaVcyk" x1="11.999" x2="11.999" y1="2.834" y2="21.164" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#111"/></linearGradient></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"><path fill="#111" stroke="#111" stroke-width=".326" d="M12 3.162a8.84 8.84 0 1 1 0 17.676a8.84 8.84 0 0 1 0-17.677Z"/><path fill="url(#SVG3pOSdcVV)" fill-opacity=".7" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9"/><path stroke="url(#SVGRPiaVcyk)" stroke-width=".33" d="M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9a9 9 0 0 0-9-9Z"/><path fill="#fff" fill-rule="evenodd" d="M10.56 4.592a7.54 7.54 0 0 0-6.102 7.399a7.54 7.54 0 0 0 6.102 7.398v-.706a6.846 6.846 0 0 1 0-13.385zm2.88.711v-.706a7.534 7.534 0 0 1 0 14.788v-.707a6.846 6.846 0 0 0 5.395-6.687a6.846 6.846 0 0 0-5.395-6.688" clip-rule="evenodd"/><path fill="#fff" d="M13.066 11.742c.577.11 1.02.323 1.338.632q.477.458.476 1.172v.753q-.001.858-.619 1.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3 2.3 0 0 1-1.173-.295a2.1 2.1 0 0 1-.794-.845a2.8 2.8 0 0 1-.276-1.27h.793q.001.73.397 1.187c.273.295.633.448 1.071.448h1.228q.65 0 1.052-.305q.396-.317.397-.821v-.753a.9.9 0 0 0-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518 1.601-.517h.199V6.6h.794v1.195h.254q.94 0 1.514.61q.575.597.576 1.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631 0-1.006.305q-.375.292-.374.798v.633q0 .408.277.692c.194.19.452.314.784.374z"/><defs><radialGradient id="SVG3pOSdcVV" cx="0" cy="0" r="1" gradientTransform="matrix(0 18.9762 -13.3573 0 12.018 5.626)" gradientUnits="userSpaceOnUse"><stop offset=".031" stop-color="#3a3a3a"/><stop offset="1" stop-color="#1c1c1c"/></radialGradient><linearGradient id="SVGRPiaVcyk" x1="11.999" x2="11.999" y1="2.834" y2="21.164" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#111"/></linearGradient></defs></g></svg> </template>
CSS
.icon-usde {
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%3Cpath%20fill%3D%22%23111%22%20stroke%3D%22%23111%22%20stroke-width%3D%22.326%22%20d%3D%22M12%203.162a8.84%208.84%200%201%201%200%2017.676a8.84%208.84%200%200%201%200-17.677Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3pOSdcVV)%22%20fill-opacity%3D%22.7%22%20d%3D%22M12%203a9%209%200%200%200-9%209a9%209%200%200%200%209%209a9%209%200%200%200%209-9a9%209%200%200%200-9-9%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGRPiaVcyk)%22%20stroke-width%3D%22.33%22%20d%3D%22M12%203a9%209%200%200%200-9%209a9%209%200%200%200%209%209a9%209%200%200%200%209-9a9%209%200%200%200-9-9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.56%204.592a7.54%207.54%200%200%200-6.102%207.399a7.54%207.54%200%200%200%206.102%207.398v-.706a6.846%206.846%200%200%201%200-13.385zm2.88.711v-.706a7.534%207.534%200%200%201%200%2014.788v-.707a6.846%206.846%200%200%200%205.395-6.687a6.846%206.846%200%200%200-5.395-6.688%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.066%2011.742c.577.11%201.02.323%201.338.632q.477.458.476%201.172v.753q-.001.858-.619%201.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3%202.3%200%200%201-1.173-.295a2.1%202.1%200%200%201-.794-.845a2.8%202.8%200%200%201-.276-1.27h.793q.001.73.397%201.187c.273.295.633.448%201.071.448h1.228q.65%200%201.052-.305q.396-.317.397-.821v-.753a.9.9%200%200%200-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518%201.601-.517h.199V6.6h.794v1.195h.254q.94%200%201.514.61q.575.597.576%201.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631%200-1.006.305q-.375.292-.374.798v.633q0%20.408.277.692c.194.19.452.314.784.374z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG3pOSdcVV%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2018.9762%20-13.3573%200%2012.018%205.626)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.031%22%20stop-color%3D%22%233a3a3a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c1c1c%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGRPiaVcyk%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%222.834%22%20y2%3D%2221.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22%23111%22%20stroke%3D%22%23111%22%20stroke-width%3D%22.326%22%20d%3D%22M12%203.162a8.84%208.84%200%201%201%200%2017.676a8.84%208.84%200%200%201%200-17.677Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3pOSdcVV)%22%20fill-opacity%3D%22.7%22%20d%3D%22M12%203a9%209%200%200%200-9%209a9%209%200%200%200%209%209a9%209%200%200%200%209-9a9%209%200%200%200-9-9%22%2F%3E%3Cpath%20stroke%3D%22url(%23SVGRPiaVcyk)%22%20stroke-width%3D%22.33%22%20d%3D%22M12%203a9%209%200%200%200-9%209a9%209%200%200%200%209%209a9%209%200%200%200%209-9a9%209%200%200%200-9-9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.56%204.592a7.54%207.54%200%200%200-6.102%207.399a7.54%207.54%200%200%200%206.102%207.398v-.706a6.846%206.846%200%200%201%200-13.385zm2.88.711v-.706a7.534%207.534%200%200%201%200%2014.788v-.707a6.846%206.846%200%200%200%205.395-6.687a6.846%206.846%200%200%200-5.395-6.688%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.066%2011.742c.577.11%201.02.323%201.338.632q.477.458.476%201.172v.753q-.001.858-.619%201.384c-.41.346-.955.517-1.624.517h-.231v1.195h-.794V16.2h-.244a2.3%202.3%200%200%201-1.173-.295a2.1%202.1%200%200%201-.794-.845a2.8%202.8%200%200%201-.276-1.27h.793q.001.73.397%201.187c.273.295.633.448%201.071.448h1.228q.65%200%201.052-.305q.396-.317.397-.821v-.753a.9.9%200%200%200-.3-.683q-.29-.284-.794-.364l-1.99-.351c-.558-.102-.996-.314-1.305-.633q-.466-.483-.466-1.209v-.632q0-.857.595-1.362q.61-.518%201.601-.517h.199V6.6h.794v1.195h.254q.94%200%201.514.61q.575.597.576%201.583h-.793q-.001-.646-.356-1.034q-.353-.388-.941-.388H11.4q-.631%200-1.006.305q-.375.292-.374.798v.633q0%20.408.277.692c.194.19.452.314.784.374z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG3pOSdcVV%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2018.9762%20-13.3573%200%2012.018%205.626)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.031%22%20stop-color%3D%22%233a3a3a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c1c1c%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGRPiaVcyk%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%222.834%22%20y2%3D%2221.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111%22%2F%3E%3C%2FlinearGradient%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/usde.svg?color=%231a73e8&size=48
