fyn logo
fyn from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- fyn
- 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 fyn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ff5757" d="M15.06 20.47c2.377 0 4.95-2.26 5.94-3.388c-1.08.318-3.504.969-4.802.969c-1.62 0-5.58-1.816-7.2-1.816c-1.619 0-2.847.847-3.657.604c-.81-.239 5.458-10.89 6.061-10.89c.599 0 2.848 5.082 4.198 7.02s1.35 2.419 1.08 2.419s-1.35-.243-1.89-.725c-.54-.487-2.7-4.6-3.51-4.6c-.65 0-2.435 3.71-3.24 5.569c.9-1.213 2.806-3.632 3.24-3.632c.54 0 1.62 2.663 2.16 3.87c.54 1.212 3.51 1.212 4.86.969c1.35-.239.54-1.694 0-2.42c-.54-.725-4.32-7.501-4.86-8.47s-.688-2.42-2.038-2.42s-4.711 4.84-5.791 7.259c-1.08 2.424-3.24 7.745-2.435 8.47c.815.73 1.837-.604 3.727-.604s5.188 1.816 8.152 1.816z"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFyn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ff5757" d="M15.06 20.47c2.377 0 4.95-2.26 5.94-3.388c-1.08.318-3.504.969-4.802.969c-1.62 0-5.58-1.816-7.2-1.816c-1.619 0-2.847.847-3.657.604c-.81-.239 5.458-10.89 6.061-10.89c.599 0 2.848 5.082 4.198 7.02s1.35 2.419 1.08 2.419s-1.35-.243-1.89-.725c-.54-.487-2.7-4.6-3.51-4.6c-.65 0-2.435 3.71-3.24 5.569c.9-1.213 2.806-3.632 3.24-3.632c.54 0 1.62 2.663 2.16 3.87c.54 1.212 3.51 1.212 4.86.969c1.35-.239.54-1.694 0-2.42c-.54-.725-4.32-7.501-4.86-8.47s-.688-2.42-2.038-2.42s-4.711 4.84-5.791 7.259c-1.08 2.424-3.24 7.745-2.435 8.47c.815.73 1.837-.604 3.727-.604s5.188 1.816 8.152 1.816z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ff5757" d="M15.06 20.47c2.377 0 4.95-2.26 5.94-3.388c-1.08.318-3.504.969-4.802.969c-1.62 0-5.58-1.816-7.2-1.816c-1.619 0-2.847.847-3.657.604c-.81-.239 5.458-10.89 6.061-10.89c.599 0 2.848 5.082 4.198 7.02s1.35 2.419 1.08 2.419s-1.35-.243-1.89-.725c-.54-.487-2.7-4.6-3.51-4.6c-.65 0-2.435 3.71-3.24 5.569c.9-1.213 2.806-3.632 3.24-3.632c.54 0 1.62 2.663 2.16 3.87c.54 1.212 3.51 1.212 4.86.969c1.35-.239.54-1.694 0-2.42c-.54-.725-4.32-7.501-4.86-8.47s-.688-2.42-2.038-2.42s-4.711 4.84-5.791 7.259c-1.08 2.424-3.24 7.745-2.435 8.47c.815.73 1.837-.604 3.727-.604s5.188 1.816 8.152 1.816z"/></svg> </template>
CSS
.icon-fyn {
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%3Cpath%20fill%3D%22%23ff5757%22%20d%3D%22M15.06%2020.47c2.377%200%204.95-2.26%205.94-3.388c-1.08.318-3.504.969-4.802.969c-1.62%200-5.58-1.816-7.2-1.816c-1.619%200-2.847.847-3.657.604c-.81-.239%205.458-10.89%206.061-10.89c.599%200%202.848%205.082%204.198%207.02s1.35%202.419%201.08%202.419s-1.35-.243-1.89-.725c-.54-.487-2.7-4.6-3.51-4.6c-.65%200-2.435%203.71-3.24%205.569c.9-1.213%202.806-3.632%203.24-3.632c.54%200%201.62%202.663%202.16%203.87c.54%201.212%203.51%201.212%204.86.969c1.35-.239.54-1.694%200-2.42c-.54-.725-4.32-7.501-4.86-8.47s-.688-2.42-2.038-2.42s-4.711%204.84-5.791%207.259c-1.08%202.424-3.24%207.745-2.435%208.47c.815.73%201.837-.604%203.727-.604s5.188%201.816%208.152%201.816z%22%2F%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%3Cpath%20fill%3D%22%23ff5757%22%20d%3D%22M15.06%2020.47c2.377%200%204.95-2.26%205.94-3.388c-1.08.318-3.504.969-4.802.969c-1.62%200-5.58-1.816-7.2-1.816c-1.619%200-2.847.847-3.657.604c-.81-.239%205.458-10.89%206.061-10.89c.599%200%202.848%205.082%204.198%207.02s1.35%202.419%201.08%202.419s-1.35-.243-1.89-.725c-.54-.487-2.7-4.6-3.51-4.6c-.65%200-2.435%203.71-3.24%205.569c.9-1.213%202.806-3.632%203.24-3.632c.54%200%201.62%202.663%202.16%203.87c.54%201.212%203.51%201.212%204.86.969c1.35-.239.54-1.694%200-2.42c-.54-.725-4.32-7.501-4.86-8.47s-.688-2.42-2.038-2.42s-4.711%204.84-5.791%207.259c-1.08%202.424-3.24%207.745-2.435%208.47c.815.73%201.837-.604%203.727-.604s5.188%201.816%208.152%201.816z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/fyn.svg?color=%231a73e8&size=48
