metfi logo

metfi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: metfi
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 metfi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#77fcd1"><path d="M12 5.647c-4.066 0-7.412 3.303-7.412 7.062a.847.847 0 0 1-.836.88c-.477 0-.752-.393-.752-.88c0-4.828 4.076-8.65 9-8.65s9 3.822 9 8.65c0 .487-.275.88-.752.88a.85.85 0 0 1-.836-.88c0-3.759-3.346-7.062-7.412-7.062"/><path d="M16.235 11.72v7.22c0 .556-.487 1.001-1.059 1.001c-.571 0-1.058-.445-1.058-1v-6.412a.51.51 0 0 0-.53-.53a.51.51 0 0 0-.53.53v3.235c0 .556-.603 1-1.058 1s-1.059-.476-1.059-1.021v-3.23c0-.296-.217-.513-.53-.513c-.312 0-.529.217-.529.519v6.48c0 .556-.487.942-1.059.942c-.571 0-1.058-.445-1.058-1v-7.253c0-1.875 1.895-3.394 4.235-3.394c1.996 0 4.256 1.292 4.235 3.425"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMetfi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#77fcd1"><path d="M12 5.647c-4.066 0-7.412 3.303-7.412 7.062a.847.847 0 0 1-.836.88c-.477 0-.752-.393-.752-.88c0-4.828 4.076-8.65 9-8.65s9 3.822 9 8.65c0 .487-.275.88-.752.88a.85.85 0 0 1-.836-.88c0-3.759-3.346-7.062-7.412-7.062"/><path d="M16.235 11.72v7.22c0 .556-.487 1.001-1.059 1.001c-.571 0-1.058-.445-1.058-1v-6.412a.51.51 0 0 0-.53-.53a.51.51 0 0 0-.53.53v3.235c0 .556-.603 1-1.058 1s-1.059-.476-1.059-1.021v-3.23c0-.296-.217-.513-.53-.513c-.312 0-.529.217-.529.519v6.48c0 .556-.487.942-1.059.942c-.571 0-1.058-.445-1.058-1v-7.253c0-1.875 1.895-3.394 4.235-3.394c1.996 0 4.256 1.292 4.235 3.425"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#77fcd1"><path d="M12 5.647c-4.066 0-7.412 3.303-7.412 7.062a.847.847 0 0 1-.836.88c-.477 0-.752-.393-.752-.88c0-4.828 4.076-8.65 9-8.65s9 3.822 9 8.65c0 .487-.275.88-.752.88a.85.85 0 0 1-.836-.88c0-3.759-3.346-7.062-7.412-7.062"/><path d="M16.235 11.72v7.22c0 .556-.487 1.001-1.059 1.001c-.571 0-1.058-.445-1.058-1v-6.412a.51.51 0 0 0-.53-.53a.51.51 0 0 0-.53.53v3.235c0 .556-.603 1-1.058 1s-1.059-.476-1.059-1.021v-3.23c0-.296-.217-.513-.53-.513c-.312 0-.529.217-.529.519v6.48c0 .556-.487.942-1.059.942c-.571 0-1.058-.445-1.058-1v-7.253c0-1.875 1.895-3.394 4.235-3.394c1.996 0 4.256 1.292 4.235 3.425"/></g></svg>
</template>

CSS

.icon-metfi {
  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%22%2377fcd1%22%3E%3Cpath%20d%3D%22M12%205.647c-4.066%200-7.412%203.303-7.412%207.062a.847.847%200%200%201-.836.88c-.477%200-.752-.393-.752-.88c0-4.828%204.076-8.65%209-8.65s9%203.822%209%208.65c0%20.487-.275.88-.752.88a.85.85%200%200%201-.836-.88c0-3.759-3.346-7.062-7.412-7.062%22%2F%3E%3Cpath%20d%3D%22M16.235%2011.72v7.22c0%20.556-.487%201.001-1.059%201.001c-.571%200-1.058-.445-1.058-1v-6.412a.51.51%200%200%200-.53-.53a.51.51%200%200%200-.53.53v3.235c0%20.556-.603%201-1.058%201s-1.059-.476-1.059-1.021v-3.23c0-.296-.217-.513-.53-.513c-.312%200-.529.217-.529.519v6.48c0%20.556-.487.942-1.059.942c-.571%200-1.058-.445-1.058-1v-7.253c0-1.875%201.895-3.394%204.235-3.394c1.996%200%204.256%201.292%204.235%203.425%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%22%2377fcd1%22%3E%3Cpath%20d%3D%22M12%205.647c-4.066%200-7.412%203.303-7.412%207.062a.847.847%200%200%201-.836.88c-.477%200-.752-.393-.752-.88c0-4.828%204.076-8.65%209-8.65s9%203.822%209%208.65c0%20.487-.275.88-.752.88a.85.85%200%200%201-.836-.88c0-3.759-3.346-7.062-7.412-7.062%22%2F%3E%3Cpath%20d%3D%22M16.235%2011.72v7.22c0%20.556-.487%201.001-1.059%201.001c-.571%200-1.058-.445-1.058-1v-6.412a.51.51%200%200%200-.53-.53a.51.51%200%200%200-.53.53v3.235c0%20.556-.603%201-1.058%201s-1.059-.476-1.059-1.021v-3.23c0-.296-.217-.513-.53-.513c-.312%200-.529.217-.529.519v6.48c0%20.556-.487.942-1.059.942c-.571%200-1.058-.445-1.058-1v-7.253c0-1.875%201.895-3.394%204.235-3.394c1.996%200%204.256%201.292%204.235%203.425%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/metfi.svg?color=%231a73e8&size=48