fyn logo

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

Name: fyn-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 fyn 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(#SVGHcSWxdhd93)"><path fill="#ff5757" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.72 19.529c2.113 0 4.4-2.01 5.28-3.012c-.96.283-3.115.862-4.268.862c-1.44 0-4.96-1.615-6.4-1.615s-2.531.753-3.251.537c-.72-.212 4.851-9.68 5.388-9.68c.532 0 2.531 4.518 3.731 6.24s1.2 2.15.96 2.15s-1.2-.216-1.68-.644c-.48-.433-2.4-4.09-3.12-4.09c-.578 0-2.164 3.3-2.88 4.951C9.28 14.15 10.976 12 11.36 12c.48 0 1.44 2.367 1.92 3.44c.48 1.077 3.12 1.077 4.32.86c1.2-.21.48-1.505 0-2.15c-.48-.644-3.84-6.667-4.32-7.529c-.48-.86-.611-2.15-1.811-2.15S7.28 8.77 6.32 10.922c-.96 2.156-2.88 6.885-2.165 7.53c.725.649 1.633-.537 3.313-.537s4.611 1.614 7.247 1.614z"/></g><defs><clipPath id="SVGHcSWxdhd93"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedFynBackground(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(#SVGHcSWxdhd93)"><path fill="#ff5757" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.72 19.529c2.113 0 4.4-2.01 5.28-3.012c-.96.283-3.115.862-4.268.862c-1.44 0-4.96-1.615-6.4-1.615s-2.531.753-3.251.537c-.72-.212 4.851-9.68 5.388-9.68c.532 0 2.531 4.518 3.731 6.24s1.2 2.15.96 2.15s-1.2-.216-1.68-.644c-.48-.433-2.4-4.09-3.12-4.09c-.578 0-2.164 3.3-2.88 4.951C9.28 14.15 10.976 12 11.36 12c.48 0 1.44 2.367 1.92 3.44c.48 1.077 3.12 1.077 4.32.86c1.2-.21.48-1.505 0-2.15c-.48-.644-3.84-6.667-4.32-7.529c-.48-.86-.611-2.15-1.811-2.15S7.28 8.77 6.32 10.922c-.96 2.156-2.88 6.885-2.165 7.53c.725.649 1.633-.537 3.313-.537s4.611 1.614 7.247 1.614z"/></g><defs><clipPath id="SVGHcSWxdhd93"><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(#SVGHcSWxdhd93)"><path fill="#ff5757" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.72 19.529c2.113 0 4.4-2.01 5.28-3.012c-.96.283-3.115.862-4.268.862c-1.44 0-4.96-1.615-6.4-1.615s-2.531.753-3.251.537c-.72-.212 4.851-9.68 5.388-9.68c.532 0 2.531 4.518 3.731 6.24s1.2 2.15.96 2.15s-1.2-.216-1.68-.644c-.48-.433-2.4-4.09-3.12-4.09c-.578 0-2.164 3.3-2.88 4.951C9.28 14.15 10.976 12 11.36 12c.48 0 1.44 2.367 1.92 3.44c.48 1.077 3.12 1.077 4.32.86c1.2-.21.48-1.505 0-2.15c-.48-.644-3.84-6.667-4.32-7.529c-.48-.86-.611-2.15-1.811-2.15S7.28 8.77 6.32 10.922c-.96 2.156-2.88 6.885-2.165 7.53c.725.649 1.633-.537 3.313-.537s4.611 1.614 7.247 1.614z"/></g><defs><clipPath id="SVGHcSWxdhd93"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-fyn-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(%23SVGHcSWxdhd93)%22%3E%3Cpath%20fill%3D%22%23ff5757%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.72%2019.529c2.113%200%204.4-2.01%205.28-3.012c-.96.283-3.115.862-4.268.862c-1.44%200-4.96-1.615-6.4-1.615s-2.531.753-3.251.537c-.72-.212%204.851-9.68%205.388-9.68c.532%200%202.531%204.518%203.731%206.24s1.2%202.15.96%202.15s-1.2-.216-1.68-.644c-.48-.433-2.4-4.09-3.12-4.09c-.578%200-2.164%203.3-2.88%204.951C9.28%2014.15%2010.976%2012%2011.36%2012c.48%200%201.44%202.367%201.92%203.44c.48%201.077%203.12%201.077%204.32.86c1.2-.21.48-1.505%200-2.15c-.48-.644-3.84-6.667-4.32-7.529c-.48-.86-.611-2.15-1.811-2.15S7.28%208.77%206.32%2010.922c-.96%202.156-2.88%206.885-2.165%207.53c.725.649%201.633-.537%203.313-.537s4.611%201.614%207.247%201.614z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd93%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(%23SVGHcSWxdhd93)%22%3E%3Cpath%20fill%3D%22%23ff5757%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.72%2019.529c2.113%200%204.4-2.01%205.28-3.012c-.96.283-3.115.862-4.268.862c-1.44%200-4.96-1.615-6.4-1.615s-2.531.753-3.251.537c-.72-.212%204.851-9.68%205.388-9.68c.532%200%202.531%204.518%203.731%206.24s1.2%202.15.96%202.15s-1.2-.216-1.68-.644c-.48-.433-2.4-4.09-3.12-4.09c-.578%200-2.164%203.3-2.88%204.951C9.28%2014.15%2010.976%2012%2011.36%2012c.48%200%201.44%202.367%201.92%203.44c.48%201.077%203.12%201.077%204.32.86c1.2-.21.48-1.505%200-2.15c-.48-.644-3.84-6.667-4.32-7.529c-.48-.86-.611-2.15-1.811-2.15S7.28%208.77%206.32%2010.922c-.96%202.156-2.88%206.885-2.165%207.53c.725.649%201.633-.537%203.313-.537s4.611%201.614%207.247%201.614z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd93%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/fyn-background.svg?color=%231a73e8&size=48