cusdc logo

cusdc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: cusdc-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 cusdc 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(#SVGHcSWxdhd89)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#657786" d="M12.048 7.764A4.37 4.37 0 0 0 8.942 12c0 2.024 1.317 3.723 3.106 4.236v-.814A3.61 3.61 0 0 1 9.695 12c0-1.585.988-2.936 2.353-3.42zm2.258 7.657a3.61 3.61 0 0 0 2.353-3.422c0-1.585-.988-2.936-2.352-3.42v-.815A4.37 4.37 0 0 1 17.412 12c0 2.024-1.317 3.723-3.105 4.236z"/><path fill="#283947" d="M12.706 9.177h.942v.517a1.68 1.68 0 0 1 1.284 1.28h-.814c0-.423-.504-.725-.941-.725c-.438 0-.941.302-.941.664s.602.527 1.317.664c1.515.291 1.506 1.035 1.506 1.355v.033c0 .268-.25 1.162-1.411 1.35v.509h-.942v-.518a1.87 1.87 0 0 1-1.412-1.365h.814c0 .301.316.81 1.069.81s.941-.424.941-.725s0-.602-1.19-.786c-1.196-.179-1.507-.903-1.507-1.266c0-.32.193-1.115 1.285-1.29z"/><path fill="url(#SVG7DBrncUr)" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.412-1.958l-.895-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.518 1.515z"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd89"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCusdcBackground(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(#SVGHcSWxdhd89)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#657786" d="M12.048 7.764A4.37 4.37 0 0 0 8.942 12c0 2.024 1.317 3.723 3.106 4.236v-.814A3.61 3.61 0 0 1 9.695 12c0-1.585.988-2.936 2.353-3.42zm2.258 7.657a3.61 3.61 0 0 0 2.353-3.422c0-1.585-.988-2.936-2.352-3.42v-.815A4.37 4.37 0 0 1 17.412 12c0 2.024-1.317 3.723-3.105 4.236z"/><path fill="#283947" d="M12.706 9.177h.942v.517a1.68 1.68 0 0 1 1.284 1.28h-.814c0-.423-.504-.725-.941-.725c-.438 0-.941.302-.941.664s.602.527 1.317.664c1.515.291 1.506 1.035 1.506 1.355v.033c0 .268-.25 1.162-1.411 1.35v.509h-.942v-.518a1.87 1.87 0 0 1-1.412-1.365h.814c0 .301.316.81 1.069.81s.941-.424.941-.725s0-.602-1.19-.786c-1.196-.179-1.507-.903-1.507-1.266c0-.32.193-1.115 1.285-1.29z"/><path fill="url(#SVG7DBrncUr)" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.412-1.958l-.895-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.518 1.515z"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#27d3a2"/><stop offset="1" stopColor="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd89"><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(#SVGHcSWxdhd89)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#657786" d="M12.048 7.764A4.37 4.37 0 0 0 8.942 12c0 2.024 1.317 3.723 3.106 4.236v-.814A3.61 3.61 0 0 1 9.695 12c0-1.585.988-2.936 2.353-3.42zm2.258 7.657a3.61 3.61 0 0 0 2.353-3.422c0-1.585-.988-2.936-2.352-3.42v-.815A4.37 4.37 0 0 1 17.412 12c0 2.024-1.317 3.723-3.105 4.236z"/><path fill="#283947" d="M12.706 9.177h.942v.517a1.68 1.68 0 0 1 1.284 1.28h-.814c0-.423-.504-.725-.941-.725c-.438 0-.941.302-.941.664s.602.527 1.317.664c1.515.291 1.506 1.035 1.506 1.355v.033c0 .268-.25 1.162-1.411 1.35v.509h-.942v-.518a1.87 1.87 0 0 1-1.412-1.365h.814c0 .301.316.81 1.069.81s.941-.424.941-.725s0-.602-1.19-.786c-1.196-.179-1.507-.903-1.507-1.266c0-.32.193-1.115 1.285-1.29z"/><path fill="url(#SVG7DBrncUr)" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.412-1.958l-.895-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.518 1.515z"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd89"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-cusdc-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(%23SVGHcSWxdhd89)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12.048%207.764A4.37%204.37%200%200%200%208.942%2012c0%202.024%201.317%203.723%203.106%204.236v-.814A3.61%203.61%200%200%201%209.695%2012c0-1.585.988-2.936%202.353-3.42zm2.258%207.657a3.61%203.61%200%200%200%202.353-3.422c0-1.585-.988-2.936-2.352-3.42v-.815A4.37%204.37%200%200%201%2017.412%2012c0%202.024-1.317%203.723-3.105%204.236z%22%2F%3E%3Cpath%20fill%3D%22%23283947%22%20d%3D%22M12.706%209.177h.942v.517a1.68%201.68%200%200%201%201.284%201.28h-.814c0-.423-.504-.725-.941-.725c-.438%200-.941.302-.941.664s.602.527%201.317.664c1.515.291%201.506%201.035%201.506%201.355v.033c0%20.268-.25%201.162-1.411%201.35v.509h-.942v-.518a1.87%201.87%200%200%201-1.412-1.365h.814c0%20.301.316.81%201.069.81s.941-.424.941-.725s0-.602-1.19-.786c-1.196-.179-1.507-.903-1.507-1.266c0-.32.193-1.115%201.285-1.29z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7DBrncUr)%22%20d%3D%22M18.824%205.835A8.8%208.8%200%200%200%2013.412%204c-4.546%200-8.235%203.581-8.235%208s3.689%208%208.235%208a8.38%208.38%200%200%200%205.412-1.958l-.895-1.082a6.98%206.98%200%200%201-4.517%201.628c-3.765%200-6.824-2.95-6.824-6.588s3.06-6.588%206.824-6.588c1.656%200%203.332.565%204.518%201.515z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7DBrncUr%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%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%3CclipPath%20id%3D%22SVGHcSWxdhd89%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(%23SVGHcSWxdhd89)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12.048%207.764A4.37%204.37%200%200%200%208.942%2012c0%202.024%201.317%203.723%203.106%204.236v-.814A3.61%203.61%200%200%201%209.695%2012c0-1.585.988-2.936%202.353-3.42zm2.258%207.657a3.61%203.61%200%200%200%202.353-3.422c0-1.585-.988-2.936-2.352-3.42v-.815A4.37%204.37%200%200%201%2017.412%2012c0%202.024-1.317%203.723-3.105%204.236z%22%2F%3E%3Cpath%20fill%3D%22%23283947%22%20d%3D%22M12.706%209.177h.942v.517a1.68%201.68%200%200%201%201.284%201.28h-.814c0-.423-.504-.725-.941-.725c-.438%200-.941.302-.941.664s.602.527%201.317.664c1.515.291%201.506%201.035%201.506%201.355v.033c0%20.268-.25%201.162-1.411%201.35v.509h-.942v-.518a1.87%201.87%200%200%201-1.412-1.365h.814c0%20.301.316.81%201.069.81s.941-.424.941-.725s0-.602-1.19-.786c-1.196-.179-1.507-.903-1.507-1.266c0-.32.193-1.115%201.285-1.29z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7DBrncUr)%22%20d%3D%22M18.824%205.835A8.8%208.8%200%200%200%2013.412%204c-4.546%200-8.235%203.581-8.235%208s3.689%208%208.235%208a8.38%208.38%200%200%200%205.412-1.958l-.895-1.082a6.98%206.98%200%200%201-4.517%201.628c-3.765%200-6.824-2.95-6.824-6.588s3.06-6.588%206.824-6.588c1.656%200%203.332.565%204.518%201.515z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7DBrncUr%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%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%3CclipPath%20id%3D%22SVGHcSWxdhd89%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/cusdc-background.svg?color=%231a73e8&size=48