eurc logo
eurc from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- eurc
- 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 eurc 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" stroke="#0b53bf" stroke-miterlimit="10" stroke-width=".03" d="M13.913 14.143a3.4 3.4 0 0 1-1.232.248c-.814 0-1.58-.347-1.947-1.181h1.79l.348-.844h-2.346a4 4 0 0 1 0-.732h2.644l.349-.843h-2.785c.367-.835 1.133-1.182 1.947-1.182c.41 0 .838.09 1.232.248l.36-.855a3.4 3.4 0 0 0-1.575-.377c-1.317 0-2.649.736-3.13 2.166h-.864v.843h.69a4 4 0 0 0 0 .732h-.69v.844h.863c.482 1.429 1.814 2.165 3.13 2.165a3.4 3.4 0 0 0 1.576-.377z"/><path fill="#fff" stroke="#0b53bf" stroke-miterlimit="10" stroke-width=".03" d="M6.375 12a5.64 5.64 0 0 1 4.005-5.394v-1.16A6.74 6.74 0 0 0 5.25 12a6.74 6.74 0 0 0 5.13 6.553v-1.159A5.63 5.63 0 0 1 6.375 12Zm7.245-6.553v1.159A5.64 5.64 0 0 1 17.625 12a5.64 5.64 0 0 1-4.005 5.394v1.16A6.74 6.74 0 0 0 18.75 12a6.74 6.74 0 0 0-5.13-6.553Z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEurc(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" stroke="#0b53bf" strokeMiterlimit="10" strokeWidth=".03" d="M13.913 14.143a3.4 3.4 0 0 1-1.232.248c-.814 0-1.58-.347-1.947-1.181h1.79l.348-.844h-2.346a4 4 0 0 1 0-.732h2.644l.349-.843h-2.785c.367-.835 1.133-1.182 1.947-1.182c.41 0 .838.09 1.232.248l.36-.855a3.4 3.4 0 0 0-1.575-.377c-1.317 0-2.649.736-3.13 2.166h-.864v.843h.69a4 4 0 0 0 0 .732h-.69v.844h.863c.482 1.429 1.814 2.165 3.13 2.165a3.4 3.4 0 0 0 1.576-.377z"/><path fill="#fff" stroke="#0b53bf" strokeMiterlimit="10" strokeWidth=".03" d="M6.375 12a5.64 5.64 0 0 1 4.005-5.394v-1.16A6.74 6.74 0 0 0 5.25 12a6.74 6.74 0 0 0 5.13 6.553v-1.159A5.63 5.63 0 0 1 6.375 12Zm7.245-6.553v1.159A5.64 5.64 0 0 1 17.625 12a5.64 5.64 0 0 1-4.005 5.394v1.16A6.74 6.74 0 0 0 18.75 12a6.74 6.74 0 0 0-5.13-6.553Z"/></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" stroke="#0b53bf" stroke-miterlimit="10" stroke-width=".03" d="M13.913 14.143a3.4 3.4 0 0 1-1.232.248c-.814 0-1.58-.347-1.947-1.181h1.79l.348-.844h-2.346a4 4 0 0 1 0-.732h2.644l.349-.843h-2.785c.367-.835 1.133-1.182 1.947-1.182c.41 0 .838.09 1.232.248l.36-.855a3.4 3.4 0 0 0-1.575-.377c-1.317 0-2.649.736-3.13 2.166h-.864v.843h.69a4 4 0 0 0 0 .732h-.69v.844h.863c.482 1.429 1.814 2.165 3.13 2.165a3.4 3.4 0 0 0 1.576-.377z"/><path fill="#fff" stroke="#0b53bf" stroke-miterlimit="10" stroke-width=".03" d="M6.375 12a5.64 5.64 0 0 1 4.005-5.394v-1.16A6.74 6.74 0 0 0 5.25 12a6.74 6.74 0 0 0 5.13 6.553v-1.159A5.63 5.63 0 0 1 6.375 12Zm7.245-6.553v1.159A5.64 5.64 0 0 1 17.625 12a5.64 5.64 0 0 1-4.005 5.394v1.16A6.74 6.74 0 0 0 18.75 12a6.74 6.74 0 0 0-5.13-6.553Z"/></g></svg> </template>
CSS
.icon-eurc {
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%20stroke%3D%22%230b53bf%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.03%22%20d%3D%22M13.913%2014.143a3.4%203.4%200%200%201-1.232.248c-.814%200-1.58-.347-1.947-1.181h1.79l.348-.844h-2.346a4%204%200%200%201%200-.732h2.644l.349-.843h-2.785c.367-.835%201.133-1.182%201.947-1.182c.41%200%20.838.09%201.232.248l.36-.855a3.4%203.4%200%200%200-1.575-.377c-1.317%200-2.649.736-3.13%202.166h-.864v.843h.69a4%204%200%200%200%200%20.732h-.69v.844h.863c.482%201.429%201.814%202.165%203.13%202.165a3.4%203.4%200%200%200%201.576-.377z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%230b53bf%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.03%22%20d%3D%22M6.375%2012a5.64%205.64%200%200%201%204.005-5.394v-1.16A6.74%206.74%200%200%200%205.25%2012a6.74%206.74%200%200%200%205.13%206.553v-1.159A5.63%205.63%200%200%201%206.375%2012Zm7.245-6.553v1.159A5.64%205.64%200%200%201%2017.625%2012a5.64%205.64%200%200%201-4.005%205.394v1.16A6.74%206.74%200%200%200%2018.75%2012a6.74%206.74%200%200%200-5.13-6.553Z%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%20stroke%3D%22%230b53bf%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.03%22%20d%3D%22M13.913%2014.143a3.4%203.4%200%200%201-1.232.248c-.814%200-1.58-.347-1.947-1.181h1.79l.348-.844h-2.346a4%204%200%200%201%200-.732h2.644l.349-.843h-2.785c.367-.835%201.133-1.182%201.947-1.182c.41%200%20.838.09%201.232.248l.36-.855a3.4%203.4%200%200%200-1.575-.377c-1.317%200-2.649.736-3.13%202.166h-.864v.843h.69a4%204%200%200%200%200%20.732h-.69v.844h.863c.482%201.429%201.814%202.165%203.13%202.165a3.4%203.4%200%200%200%201.576-.377z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%230b53bf%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.03%22%20d%3D%22M6.375%2012a5.64%205.64%200%200%201%204.005-5.394v-1.16A6.74%206.74%200%200%200%205.25%2012a6.74%206.74%200%200%200%205.13%206.553v-1.159A5.63%205.63%200%200%201%206.375%2012Zm7.245-6.553v1.159A5.64%205.64%200%200%201%2017.625%2012a5.64%205.64%200%200%201-4.005%205.394v1.16A6.74%206.74%200%200%200%2018.75%2012a6.74%206.74%200%200%200-5.13-6.553Z%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/eurc.svg?color=%231a73e8&size=48
