eurc logo
eurc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- eurc-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 eurc 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(#SVGHcSWxdhd150)"><mask id="SVGCcwNndIU" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M24 0H0v24h24z"/></mask><g mask="url(#SVGCcwNndIU)"><path fill="#0b53bf" d="M24 0H0v24h24z"/></g><path fill="#fff" d="M12 4a8 8 0 1 1 0 16a8 8 0 0 1 0-16m-1.44 2.175A5.99 5.99 0 0 0 6 12c0 2.82 1.94 5.185 4.56 5.825v-1.03a5.008 5.008 0 0 1 0-9.59zm2.88 1.03A5.01 5.01 0 0 1 17 12a5.01 5.01 0 0 1-3.56 4.795v1.03A5.99 5.99 0 0 0 18 12c0-2.82-1.94-5.185-4.56-5.825zM12.62 9c-1.17 0-2.354.654-2.782 1.925H9.07v.75h.614a4 4 0 0 0 0 .65H9.07v.75h.768C10.266 14.345 11.45 15 12.62 15c.485 0 .97-.11 1.4-.335l-.32-.76c-.35.14-.73.22-1.094.22c-.723 0-1.405-.308-1.731-1.05h1.59l.31-.75H10.69a3.4 3.4 0 0 1 0-.65h2.35l.31-.75h-2.475c.326-.742 1.008-1.05 1.73-1.05c.365 0 .745.08 1.095.22l.32-.76A3 3 0 0 0 12.62 9"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEurcBackground(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(#SVGHcSWxdhd150)"><mask id="SVGCcwNndIU" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="maskType:luminance"><path fill="#fff" d="M24 0H0v24h24z"/></mask><g mask="url(#SVGCcwNndIU)"><path fill="#0b53bf" d="M24 0H0v24h24z"/></g><path fill="#fff" d="M12 4a8 8 0 1 1 0 16a8 8 0 0 1 0-16m-1.44 2.175A5.99 5.99 0 0 0 6 12c0 2.82 1.94 5.185 4.56 5.825v-1.03a5.008 5.008 0 0 1 0-9.59zm2.88 1.03A5.01 5.01 0 0 1 17 12a5.01 5.01 0 0 1-3.56 4.795v1.03A5.99 5.99 0 0 0 18 12c0-2.82-1.94-5.185-4.56-5.825zM12.62 9c-1.17 0-2.354.654-2.782 1.925H9.07v.75h.614a4 4 0 0 0 0 .65H9.07v.75h.768C10.266 14.345 11.45 15 12.62 15c.485 0 .97-.11 1.4-.335l-.32-.76c-.35.14-.73.22-1.094.22c-.723 0-1.405-.308-1.731-1.05h1.59l.31-.75H10.69a3.4 3.4 0 0 1 0-.65h2.35l.31-.75h-2.475c.326-.742 1.008-1.05 1.73-1.05c.365 0 .745.08 1.095.22l.32-.76A3 3 0 0 0 12.62 9"/></g><defs><clipPath id="SVGHcSWxdhd150"><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(#SVGHcSWxdhd150)"><mask id="SVGCcwNndIU" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M24 0H0v24h24z"/></mask><g mask="url(#SVGCcwNndIU)"><path fill="#0b53bf" d="M24 0H0v24h24z"/></g><path fill="#fff" d="M12 4a8 8 0 1 1 0 16a8 8 0 0 1 0-16m-1.44 2.175A5.99 5.99 0 0 0 6 12c0 2.82 1.94 5.185 4.56 5.825v-1.03a5.008 5.008 0 0 1 0-9.59zm2.88 1.03A5.01 5.01 0 0 1 17 12a5.01 5.01 0 0 1-3.56 4.795v1.03A5.99 5.99 0 0 0 18 12c0-2.82-1.94-5.185-4.56-5.825zM12.62 9c-1.17 0-2.354.654-2.782 1.925H9.07v.75h.614a4 4 0 0 0 0 .65H9.07v.75h.768C10.266 14.345 11.45 15 12.62 15c.485 0 .97-.11 1.4-.335l-.32-.76c-.35.14-.73.22-1.094.22c-.723 0-1.405-.308-1.731-1.05h1.59l.31-.75H10.69a3.4 3.4 0 0 1 0-.65h2.35l.31-.75h-2.475c.326-.742 1.008-1.05 1.73-1.05c.365 0 .745.08 1.095.22l.32-.76A3 3 0 0 0 12.62 9"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-eurc-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(%23SVGHcSWxdhd150)%22%3E%3Cmask%20id%3D%22SVGCcwNndIU%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGCcwNndIU)%22%3E%3Cpath%20fill%3D%22%230b53bf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%204a8%208%200%201%201%200%2016a8%208%200%200%201%200-16m-1.44%202.175A5.99%205.99%200%200%200%206%2012c0%202.82%201.94%205.185%204.56%205.825v-1.03a5.008%205.008%200%200%201%200-9.59zm2.88%201.03A5.01%205.01%200%200%201%2017%2012a5.01%205.01%200%200%201-3.56%204.795v1.03A5.99%205.99%200%200%200%2018%2012c0-2.82-1.94-5.185-4.56-5.825zM12.62%209c-1.17%200-2.354.654-2.782%201.925H9.07v.75h.614a4%204%200%200%200%200%20.65H9.07v.75h.768C10.266%2014.345%2011.45%2015%2012.62%2015c.485%200%20.97-.11%201.4-.335l-.32-.76c-.35.14-.73.22-1.094.22c-.723%200-1.405-.308-1.731-1.05h1.59l.31-.75H10.69a3.4%203.4%200%200%201%200-.65h2.35l.31-.75h-2.475c.326-.742%201.008-1.05%201.73-1.05c.365%200%20.745.08%201.095.22l.32-.76A3%203%200%200%200%2012.62%209%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%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(%23SVGHcSWxdhd150)%22%3E%3Cmask%20id%3D%22SVGCcwNndIU%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGCcwNndIU)%22%3E%3Cpath%20fill%3D%22%230b53bf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%204a8%208%200%201%201%200%2016a8%208%200%200%201%200-16m-1.44%202.175A5.99%205.99%200%200%200%206%2012c0%202.82%201.94%205.185%204.56%205.825v-1.03a5.008%205.008%200%200%201%200-9.59zm2.88%201.03A5.01%205.01%200%200%201%2017%2012a5.01%205.01%200%200%201-3.56%204.795v1.03A5.99%205.99%200%200%200%2018%2012c0-2.82-1.94-5.185-4.56-5.825zM12.62%209c-1.17%200-2.354.654-2.782%201.925H9.07v.75h.614a4%204%200%200%200%200%20.65H9.07v.75h.768C10.266%2014.345%2011.45%2015%2012.62%2015c.485%200%20.97-.11%201.4-.335l-.32-.76c-.35.14-.73.22-1.094.22c-.723%200-1.405-.308-1.731-1.05h1.59l.31-.75H10.69a3.4%203.4%200%200%201%200-.65h2.35l.31-.75h-2.475c.326-.742%201.008-1.05%201.73-1.05c.365%200%20.745.08%201.095.22l.32-.76A3%203%200%200%200%2012.62%209%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%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/eurc-background.svg?color=%231a73e8&size=48
