usdc logo
usdc from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- usdc
- 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 usdc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0b53bf" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#fff" d="M13.62 5.45v1.159a5.64 5.64 0 0 1 4.005 5.394a5.64 5.64 0 0 1-4.005 5.394v1.16a6.74 6.74 0 0 0 5.13-6.554a6.74 6.74 0 0 0-5.13-6.553m-7.245 6.553a5.64 5.64 0 0 1 4.005-5.394V5.45a6.74 6.74 0 0 0-5.13 6.553a6.74 6.74 0 0 0 5.13 6.553v-1.159a5.63 5.63 0 0 1-4.005-5.394"/><path fill="#fff" d="M14.419 13.258c0-2.301-3.606-1.356-3.606-2.627c0-.456.366-.748 1.063-.748c.833 0 1.12.405 1.21.95h1.147c-.102-1.024-.69-1.67-1.67-1.863v-.904h-1.125v.872c-1.075.137-1.75.762-1.75 1.693c0 2.312 3.611 1.445 3.611 2.694c0 .472-.455.787-1.226.787c-1.007 0-1.339-.444-1.462-1.057H9.49c.073 1.122.764 1.823 1.947 1.999v.886h1.125v-.875c1.153-.149 1.856-.82 1.856-1.807"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUsdc(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="#0b53bf" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#fff" d="M13.62 5.45v1.159a5.64 5.64 0 0 1 4.005 5.394a5.64 5.64 0 0 1-4.005 5.394v1.16a6.74 6.74 0 0 0 5.13-6.554a6.74 6.74 0 0 0-5.13-6.553m-7.245 6.553a5.64 5.64 0 0 1 4.005-5.394V5.45a6.74 6.74 0 0 0-5.13 6.553a6.74 6.74 0 0 0 5.13 6.553v-1.159a5.63 5.63 0 0 1-4.005-5.394"/><path fill="#fff" d="M14.419 13.258c0-2.301-3.606-1.356-3.606-2.627c0-.456.366-.748 1.063-.748c.833 0 1.12.405 1.21.95h1.147c-.102-1.024-.69-1.67-1.67-1.863v-.904h-1.125v.872c-1.075.137-1.75.762-1.75 1.693c0 2.312 3.611 1.445 3.611 2.694c0 .472-.455.787-1.226.787c-1.007 0-1.339-.444-1.462-1.057H9.49c.073 1.122.764 1.823 1.947 1.999v.886h1.125v-.875c1.153-.149 1.856-.82 1.856-1.807"/></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="#0b53bf" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#fff" d="M13.62 5.45v1.159a5.64 5.64 0 0 1 4.005 5.394a5.64 5.64 0 0 1-4.005 5.394v1.16a6.74 6.74 0 0 0 5.13-6.554a6.74 6.74 0 0 0-5.13-6.553m-7.245 6.553a5.64 5.64 0 0 1 4.005-5.394V5.45a6.74 6.74 0 0 0-5.13 6.553a6.74 6.74 0 0 0 5.13 6.553v-1.159a5.63 5.63 0 0 1-4.005-5.394"/><path fill="#fff" d="M14.419 13.258c0-2.301-3.606-1.356-3.606-2.627c0-.456.366-.748 1.063-.748c.833 0 1.12.405 1.21.95h1.147c-.102-1.024-.69-1.67-1.67-1.863v-.904h-1.125v.872c-1.075.137-1.75.762-1.75 1.693c0 2.312 3.611 1.445 3.611 2.694c0 .472-.455.787-1.226.787c-1.007 0-1.339-.444-1.462-1.057H9.49c.073 1.122.764 1.823 1.947 1.999v.886h1.125v-.875c1.153-.149 1.856-.82 1.856-1.807"/></g></svg> </template>
CSS
.icon-usdc {
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%230b53bf%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.62%205.45v1.159a5.64%205.64%200%200%201%204.005%205.394a5.64%205.64%200%200%201-4.005%205.394v1.16a6.74%206.74%200%200%200%205.13-6.554a6.74%206.74%200%200%200-5.13-6.553m-7.245%206.553a5.64%205.64%200%200%201%204.005-5.394V5.45a6.74%206.74%200%200%200-5.13%206.553a6.74%206.74%200%200%200%205.13%206.553v-1.159a5.63%205.63%200%200%201-4.005-5.394%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.419%2013.258c0-2.301-3.606-1.356-3.606-2.627c0-.456.366-.748%201.063-.748c.833%200%201.12.405%201.21.95h1.147c-.102-1.024-.69-1.67-1.67-1.863v-.904h-1.125v.872c-1.075.137-1.75.762-1.75%201.693c0%202.312%203.611%201.445%203.611%202.694c0%20.472-.455.787-1.226.787c-1.007%200-1.339-.444-1.462-1.057H9.49c.073%201.122.764%201.823%201.947%201.999v.886h1.125v-.875c1.153-.149%201.856-.82%201.856-1.807%22%2F%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%230b53bf%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.62%205.45v1.159a5.64%205.64%200%200%201%204.005%205.394a5.64%205.64%200%200%201-4.005%205.394v1.16a6.74%206.74%200%200%200%205.13-6.554a6.74%206.74%200%200%200-5.13-6.553m-7.245%206.553a5.64%205.64%200%200%201%204.005-5.394V5.45a6.74%206.74%200%200%200-5.13%206.553a6.74%206.74%200%200%200%205.13%206.553v-1.159a5.63%205.63%200%200%201-4.005-5.394%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.419%2013.258c0-2.301-3.606-1.356-3.606-2.627c0-.456.366-.748%201.063-.748c.833%200%201.12.405%201.21.95h1.147c-.102-1.024-.69-1.67-1.67-1.863v-.904h-1.125v.872c-1.075.137-1.75.762-1.75%201.693c0%202.312%203.611%201.445%203.611%202.694c0%20.472-.455.787-1.226.787c-1.007%200-1.339-.444-1.462-1.057H9.49c.073%201.122.764%201.823%201.947%201.999v.886h1.125v-.875c1.153-.149%201.856-.82%201.856-1.807%22%2F%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.svg?color=%231a73e8&size=48
