usdc logo
usdc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- usdc-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 usdc 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(#SVGHcSWxdhd27)"><path fill="#0b53bf" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 20c4.435 0 8-3.565 8-8s-3.565-8-8-8s-8 3.565-8 8s3.565 8 8 8m2.2-6.735c0-1.165-.7-1.565-2.1-1.73c-1-.135-1.2-.4-1.2-.87c0-.465.335-.765 1-.765c.6 0 .935.2 1.1.7c.035.1.135.165.235.165h.53c.135 0 .235-.1.235-.23v-.036c-.135-.734-.735-1.434-1.5-1.5v-.734c0-.135-.1-.235-.265-.265h-.44c-.135 0-.26.1-.295.265V9c-1 .135-1.665.9-1.665 1.735c0 1.1.665 1.53 2.065 1.7c.935.165 1.235.365 1.235.9c0 .53-.47.9-1.1.9c-.87 0-1.17-.37-1.27-.87c-.03-.13-.13-.2-.23-.2h-.57c-.13 0-.23.1-.23.235v.035c.13.83.665 1.4 1.765 1.565v.74c0 .135.1.224.265.26h.48c.13 0 .22-.09.255-.26V15c1-.165 1.7-.835 1.7-1.735m-5.566 2.49c.483.443 1.05.786 1.666 1.01c.1.07.2.2.2.3v.47c0 .064 0 .1-.035.13c-.03.134-.165.2-.3.134a6 6 0 0 1 0-11.435c.035-.03.1-.03.135-.03c.135.03.2.13.2.265v.465c0 .17-.065.27-.2.335a4.93 4.93 0 0 0-2.965 2.965a4.965 4.965 0 0 0 1.299 5.391M13.535 6.5c.03-.135.165-.2.3-.135a6.05 6.05 0 0 1 3.9 3.935c1 3.165-.735 6.535-3.9 7.535c-.035.03-.1.03-.135.03c-.135-.03-.2-.13-.2-.265v-.465c0-.17.065-.27.2-.335a4.93 4.93 0 0 0 2.965-2.965a4.967 4.967 0 0 0-2.965-6.4c-.1-.07-.2-.2-.2-.335v-.465c0-.07 0-.1.035-.135" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd27"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUsdcBackground(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(#SVGHcSWxdhd27)"><path fill="#0b53bf" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 20c4.435 0 8-3.565 8-8s-3.565-8-8-8s-8 3.565-8 8s3.565 8 8 8m2.2-6.735c0-1.165-.7-1.565-2.1-1.73c-1-.135-1.2-.4-1.2-.87c0-.465.335-.765 1-.765c.6 0 .935.2 1.1.7c.035.1.135.165.235.165h.53c.135 0 .235-.1.235-.23v-.036c-.135-.734-.735-1.434-1.5-1.5v-.734c0-.135-.1-.235-.265-.265h-.44c-.135 0-.26.1-.295.265V9c-1 .135-1.665.9-1.665 1.735c0 1.1.665 1.53 2.065 1.7c.935.165 1.235.365 1.235.9c0 .53-.47.9-1.1.9c-.87 0-1.17-.37-1.27-.87c-.03-.13-.13-.2-.23-.2h-.57c-.13 0-.23.1-.23.235v.035c.13.83.665 1.4 1.765 1.565v.74c0 .135.1.224.265.26h.48c.13 0 .22-.09.255-.26V15c1-.165 1.7-.835 1.7-1.735m-5.566 2.49c.483.443 1.05.786 1.666 1.01c.1.07.2.2.2.3v.47c0 .064 0 .1-.035.13c-.03.134-.165.2-.3.134a6 6 0 0 1 0-11.435c.035-.03.1-.03.135-.03c.135.03.2.13.2.265v.465c0 .17-.065.27-.2.335a4.93 4.93 0 0 0-2.965 2.965a4.965 4.965 0 0 0 1.299 5.391M13.535 6.5c.03-.135.165-.2.3-.135a6.05 6.05 0 0 1 3.9 3.935c1 3.165-.735 6.535-3.9 7.535c-.035.03-.1.03-.135.03c-.135-.03-.2-.13-.2-.265v-.465c0-.17.065-.27.2-.335a4.93 4.93 0 0 0 2.965-2.965a4.967 4.967 0 0 0-2.965-6.4c-.1-.07-.2-.2-.2-.335v-.465c0-.07 0-.1.035-.135" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd27"><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(#SVGHcSWxdhd27)"><path fill="#0b53bf" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 20c4.435 0 8-3.565 8-8s-3.565-8-8-8s-8 3.565-8 8s3.565 8 8 8m2.2-6.735c0-1.165-.7-1.565-2.1-1.73c-1-.135-1.2-.4-1.2-.87c0-.465.335-.765 1-.765c.6 0 .935.2 1.1.7c.035.1.135.165.235.165h.53c.135 0 .235-.1.235-.23v-.036c-.135-.734-.735-1.434-1.5-1.5v-.734c0-.135-.1-.235-.265-.265h-.44c-.135 0-.26.1-.295.265V9c-1 .135-1.665.9-1.665 1.735c0 1.1.665 1.53 2.065 1.7c.935.165 1.235.365 1.235.9c0 .53-.47.9-1.1.9c-.87 0-1.17-.37-1.27-.87c-.03-.13-.13-.2-.23-.2h-.57c-.13 0-.23.1-.23.235v.035c.13.83.665 1.4 1.765 1.565v.74c0 .135.1.224.265.26h.48c.13 0 .22-.09.255-.26V15c1-.165 1.7-.835 1.7-1.735m-5.566 2.49c.483.443 1.05.786 1.666 1.01c.1.07.2.2.2.3v.47c0 .064 0 .1-.035.13c-.03.134-.165.2-.3.134a6 6 0 0 1 0-11.435c.035-.03.1-.03.135-.03c.135.03.2.13.2.265v.465c0 .17-.065.27-.2.335a4.93 4.93 0 0 0-2.965 2.965a4.965 4.965 0 0 0 1.299 5.391M13.535 6.5c.03-.135.165-.2.3-.135a6.05 6.05 0 0 1 3.9 3.935c1 3.165-.735 6.535-3.9 7.535c-.035.03-.1.03-.135.03c-.135-.03-.2-.13-.2-.265v-.465c0-.17.065-.27.2-.335a4.93 4.93 0 0 0 2.965-2.965a4.967 4.967 0 0 0-2.965-6.4c-.1-.07-.2-.2-.2-.335v-.465c0-.07 0-.1.035-.135" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd27"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-usdc-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(%23SVGHcSWxdhd27)%22%3E%3Cpath%20fill%3D%22%230b53bf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020c4.435%200%208-3.565%208-8s-3.565-8-8-8s-8%203.565-8%208s3.565%208%208%208m2.2-6.735c0-1.165-.7-1.565-2.1-1.73c-1-.135-1.2-.4-1.2-.87c0-.465.335-.765%201-.765c.6%200%20.935.2%201.1.7c.035.1.135.165.235.165h.53c.135%200%20.235-.1.235-.23v-.036c-.135-.734-.735-1.434-1.5-1.5v-.734c0-.135-.1-.235-.265-.265h-.44c-.135%200-.26.1-.295.265V9c-1%20.135-1.665.9-1.665%201.735c0%201.1.665%201.53%202.065%201.7c.935.165%201.235.365%201.235.9c0%20.53-.47.9-1.1.9c-.87%200-1.17-.37-1.27-.87c-.03-.13-.13-.2-.23-.2h-.57c-.13%200-.23.1-.23.235v.035c.13.83.665%201.4%201.765%201.565v.74c0%20.135.1.224.265.26h.48c.13%200%20.22-.09.255-.26V15c1-.165%201.7-.835%201.7-1.735m-5.566%202.49c.483.443%201.05.786%201.666%201.01c.1.07.2.2.2.3v.47c0%20.064%200%20.1-.035.13c-.03.134-.165.2-.3.134a6%206%200%200%201%200-11.435c.035-.03.1-.03.135-.03c.135.03.2.13.2.265v.465c0%20.17-.065.27-.2.335a4.93%204.93%200%200%200-2.965%202.965a4.965%204.965%200%200%200%201.299%205.391M13.535%206.5c.03-.135.165-.2.3-.135a6.05%206.05%200%200%201%203.9%203.935c1%203.165-.735%206.535-3.9%207.535c-.035.03-.1.03-.135.03c-.135-.03-.2-.13-.2-.265v-.465c0-.17.065-.27.2-.335a4.93%204.93%200%200%200%202.965-2.965a4.967%204.967%200%200%200-2.965-6.4c-.1-.07-.2-.2-.2-.335v-.465c0-.07%200-.1.035-.135%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd27%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(%23SVGHcSWxdhd27)%22%3E%3Cpath%20fill%3D%22%230b53bf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020c4.435%200%208-3.565%208-8s-3.565-8-8-8s-8%203.565-8%208s3.565%208%208%208m2.2-6.735c0-1.165-.7-1.565-2.1-1.73c-1-.135-1.2-.4-1.2-.87c0-.465.335-.765%201-.765c.6%200%20.935.2%201.1.7c.035.1.135.165.235.165h.53c.135%200%20.235-.1.235-.23v-.036c-.135-.734-.735-1.434-1.5-1.5v-.734c0-.135-.1-.235-.265-.265h-.44c-.135%200-.26.1-.295.265V9c-1%20.135-1.665.9-1.665%201.735c0%201.1.665%201.53%202.065%201.7c.935.165%201.235.365%201.235.9c0%20.53-.47.9-1.1.9c-.87%200-1.17-.37-1.27-.87c-.03-.13-.13-.2-.23-.2h-.57c-.13%200-.23.1-.23.235v.035c.13.83.665%201.4%201.765%201.565v.74c0%20.135.1.224.265.26h.48c.13%200%20.22-.09.255-.26V15c1-.165%201.7-.835%201.7-1.735m-5.566%202.49c.483.443%201.05.786%201.666%201.01c.1.07.2.2.2.3v.47c0%20.064%200%20.1-.035.13c-.03.134-.165.2-.3.134a6%206%200%200%201%200-11.435c.035-.03.1-.03.135-.03c.135.03.2.13.2.265v.465c0%20.17-.065.27-.2.335a4.93%204.93%200%200%200-2.965%202.965a4.965%204.965%200%200%200%201.299%205.391M13.535%206.5c.03-.135.165-.2.3-.135a6.05%206.05%200%200%201%203.9%203.935c1%203.165-.735%206.535-3.9%207.535c-.035.03-.1.03-.135.03c-.135-.03-.2-.13-.2-.265v-.465c0-.17.065-.27.2-.335a4.93%204.93%200%200%200%202.965-2.965a4.967%204.967%200%200%200-2.965-6.4c-.1-.07-.2-.2-.2-.335v-.465c0-.07%200-.1.035-.135%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd27%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/usdc-background.svg?color=%231a73e8&size=48
