cusdc logo
cusdc from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- cusdc
- 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 cusdc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#657786" d="M12.054 7.235a4.92 4.92 0 0 0-3.495 4.764c0 2.277 1.483 4.188 3.495 4.765v-.916A4.06 4.06 0 0 1 9.406 12c0-1.784 1.112-3.303 2.647-3.849zm2.54 8.613A4.06 4.06 0 0 0 17.243 12c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92 4.92 0 0 1 18.09 12c0 2.277-1.482 4.188-3.494 4.765z"/><path fill="#283947" d="M12.794 8.824h1.06v.582a1.89 1.89 0 0 1 1.445 1.44h-.916c0-.476-.567-.815-1.06-.815c-.492 0-1.058.339-1.058.746c0 .408.678.593 1.482.747c1.705.328 1.694 1.165 1.694 1.525v.037c0 .301-.28 1.307-1.588 1.519v.572h-1.059v-.583a2.11 2.11 0 0 1-1.588-1.535h.916c0 .339.355.91 1.202.91s1.059-.476 1.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255 1.445-1.45z"/><path fill="url(#SVGfWL5Tcwj)" d="M19.676 5.065A9.9 9.9 0 0 0 13.588 3c-5.114 0-9.265 4.03-9.265 9s4.151 9 9.265 9a9.43 9.43 0 0 0 6.088-2.202l-1.005-1.218a7.86 7.86 0 0 1-5.083 1.832c-4.235 0-7.676-3.32-7.676-7.412s3.44-7.412 7.676-7.412c1.864 0 3.749.636 5.083 1.705z"/><defs><linearGradient id="SVGfWL5Tcwj" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCusdc(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="#657786" d="M12.054 7.235a4.92 4.92 0 0 0-3.495 4.764c0 2.277 1.483 4.188 3.495 4.765v-.916A4.06 4.06 0 0 1 9.406 12c0-1.784 1.112-3.303 2.647-3.849zm2.54 8.613A4.06 4.06 0 0 0 17.243 12c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92 4.92 0 0 1 18.09 12c0 2.277-1.482 4.188-3.494 4.765z"/><path fill="#283947" d="M12.794 8.824h1.06v.582a1.89 1.89 0 0 1 1.445 1.44h-.916c0-.476-.567-.815-1.06-.815c-.492 0-1.058.339-1.058.746c0 .408.678.593 1.482.747c1.705.328 1.694 1.165 1.694 1.525v.037c0 .301-.28 1.307-1.588 1.519v.572h-1.059v-.583a2.11 2.11 0 0 1-1.588-1.535h.916c0 .339.355.91 1.202.91s1.059-.476 1.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255 1.445-1.45z"/><path fill="url(#SVGfWL5Tcwj)" d="M19.676 5.065A9.9 9.9 0 0 0 13.588 3c-5.114 0-9.265 4.03-9.265 9s4.151 9 9.265 9a9.43 9.43 0 0 0 6.088-2.202l-1.005-1.218a7.86 7.86 0 0 1-5.083 1.832c-4.235 0-7.676-3.32-7.676-7.412s3.44-7.412 7.676-7.412c1.864 0 3.749.636 5.083 1.705z"/><defs><linearGradient id="SVGfWL5Tcwj" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#27d3a2"/><stop offset="1" stopColor="#9388fd"/></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="#657786" d="M12.054 7.235a4.92 4.92 0 0 0-3.495 4.764c0 2.277 1.483 4.188 3.495 4.765v-.916A4.06 4.06 0 0 1 9.406 12c0-1.784 1.112-3.303 2.647-3.849zm2.54 8.613A4.06 4.06 0 0 0 17.243 12c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92 4.92 0 0 1 18.09 12c0 2.277-1.482 4.188-3.494 4.765z"/><path fill="#283947" d="M12.794 8.824h1.06v.582a1.89 1.89 0 0 1 1.445 1.44h-.916c0-.476-.567-.815-1.06-.815c-.492 0-1.058.339-1.058.746c0 .408.678.593 1.482.747c1.705.328 1.694 1.165 1.694 1.525v.037c0 .301-.28 1.307-1.588 1.519v.572h-1.059v-.583a2.11 2.11 0 0 1-1.588-1.535h.916c0 .339.355.91 1.202.91s1.059-.476 1.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255 1.445-1.45z"/><path fill="url(#SVGfWL5Tcwj)" d="M19.676 5.065A9.9 9.9 0 0 0 13.588 3c-5.114 0-9.265 4.03-9.265 9s4.151 9 9.265 9a9.43 9.43 0 0 0 6.088-2.202l-1.005-1.218a7.86 7.86 0 0 1-5.083 1.832c-4.235 0-7.676-3.32-7.676-7.412s3.44-7.412 7.676-7.412c1.864 0 3.749.636 5.083 1.705z"/><defs><linearGradient id="SVGfWL5Tcwj" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient></defs></g></svg> </template>
CSS
.icon-cusdc {
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%23657786%22%20d%3D%22M12.054%207.235a4.92%204.92%200%200%200-3.495%204.764c0%202.277%201.483%204.188%203.495%204.765v-.916A4.06%204.06%200%200%201%209.406%2012c0-1.784%201.112-3.303%202.647-3.849zm2.54%208.613A4.06%204.06%200%200%200%2017.243%2012c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92%204.92%200%200%201%2018.09%2012c0%202.277-1.482%204.188-3.494%204.765z%22%2F%3E%3Cpath%20fill%3D%22%23283947%22%20d%3D%22M12.794%208.824h1.06v.582a1.89%201.89%200%200%201%201.445%201.44h-.916c0-.476-.567-.815-1.06-.815c-.492%200-1.058.339-1.058.746c0%20.408.678.593%201.482.747c1.705.328%201.694%201.165%201.694%201.525v.037c0%20.301-.28%201.307-1.588%201.519v.572h-1.059v-.583a2.11%202.11%200%200%201-1.588-1.535h.916c0%20.339.355.91%201.202.91s1.059-.476%201.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255%201.445-1.45z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfWL5Tcwj)%22%20d%3D%22M19.676%205.065A9.9%209.9%200%200%200%2013.588%203c-5.114%200-9.265%204.03-9.265%209s4.151%209%209.265%209a9.43%209.43%200%200%200%206.088-2.202l-1.005-1.218a7.86%207.86%200%200%201-5.083%201.832c-4.235%200-7.676-3.32-7.676-7.412s3.44-7.412%207.676-7.412c1.864%200%203.749.636%205.083%201.705z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfWL5Tcwj%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327d3a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239388fd%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%23657786%22%20d%3D%22M12.054%207.235a4.92%204.92%200%200%200-3.495%204.764c0%202.277%201.483%204.188%203.495%204.765v-.916A4.06%204.06%200%200%201%209.406%2012c0-1.784%201.112-3.303%202.647-3.849zm2.54%208.613A4.06%204.06%200%200%200%2017.243%2012c0-1.784-1.112-3.303-2.647-3.849v-.915A4.92%204.92%200%200%201%2018.09%2012c0%202.277-1.482%204.188-3.494%204.765z%22%2F%3E%3Cpath%20fill%3D%22%23283947%22%20d%3D%22M12.794%208.824h1.06v.582a1.89%201.89%200%200%201%201.445%201.44h-.916c0-.476-.567-.815-1.06-.815c-.492%200-1.058.339-1.058.746c0%20.408.678.593%201.482.747c1.705.328%201.694%201.165%201.694%201.525v.037c0%20.301-.28%201.307-1.588%201.519v.572h-1.059v-.583a2.11%202.11%200%200%201-1.588-1.535h.916c0%20.339.355.91%201.202.91s1.059-.476%201.059-.815s0-.677-1.34-.884c-1.344-.201-1.694-1.016-1.694-1.424c0-.36.217-1.255%201.445-1.45z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfWL5Tcwj)%22%20d%3D%22M19.676%205.065A9.9%209.9%200%200%200%2013.588%203c-5.114%200-9.265%204.03-9.265%209s4.151%209%209.265%209a9.43%209.43%200%200%200%206.088-2.202l-1.005-1.218a7.86%207.86%200%200%201-5.083%201.832c-4.235%200-7.676-3.32-7.676-7.412s3.44-7.412%207.676-7.412c1.864%200%203.749.636%205.083%201.705z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfWL5Tcwj%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327d3a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239388fd%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/cusdc.svg?color=%231a73e8&size=48
