ftn logo
ftn from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ftn
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the ftn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.992 20.971a1.38 1.38 0 0 0 1.196-.318l8.726-7.725a1.52 1.52 0 0 0 .424-1.599a1.52 1.52 0 0 0-1.313-1.033l-5.608-.53l3.426-4.648a1.345 1.345 0 0 0-.137-1.726A1.4 1.4 0 0 0 14.747 3c-.339 0-.667.122-.916.35l-8.737 7.709a1.503 1.503 0 0 0 .08 2.32c.233.184.519.29.815.317l5.608.54l-3.426 4.649a1.324 1.324 0 0 0 .82 2.086"/></svg>
React
import type { SVGProps } from "react";
export function TokenFtn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.992 20.971a1.38 1.38 0 0 0 1.196-.318l8.726-7.725a1.52 1.52 0 0 0 .424-1.599a1.52 1.52 0 0 0-1.313-1.033l-5.608-.53l3.426-4.648a1.345 1.345 0 0 0-.137-1.726A1.4 1.4 0 0 0 14.747 3c-.339 0-.667.122-.916.35l-8.737 7.709a1.503 1.503 0 0 0 .08 2.32c.233.184.519.29.815.317l5.608.54l-3.426 4.649a1.324 1.324 0 0 0 .82 2.086"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.992 20.971a1.38 1.38 0 0 0 1.196-.318l8.726-7.725a1.52 1.52 0 0 0 .424-1.599a1.52 1.52 0 0 0-1.313-1.033l-5.608-.53l3.426-4.648a1.345 1.345 0 0 0-.137-1.726A1.4 1.4 0 0 0 14.747 3c-.339 0-.667.122-.916.35l-8.737 7.709a1.503 1.503 0 0 0 .08 2.32c.233.184.519.29.815.317l5.608.54l-3.426 4.649a1.324 1.324 0 0 0 .82 2.086"/></svg> </template>
CSS
.icon-ftn {
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%22currentColor%22%20d%3D%22M8.992%2020.971a1.38%201.38%200%200%200%201.196-.318l8.726-7.725a1.52%201.52%200%200%200%20.424-1.599a1.52%201.52%200%200%200-1.313-1.033l-5.608-.53l3.426-4.648a1.345%201.345%200%200%200-.137-1.726A1.4%201.4%200%200%200%2014.747%203c-.339%200-.667.122-.916.35l-8.737%207.709a1.503%201.503%200%200%200%20.08%202.32c.233.184.519.29.815.317l5.608.54l-3.426%204.649a1.324%201.324%200%200%200%20.82%202.086%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%22currentColor%22%20d%3D%22M8.992%2020.971a1.38%201.38%200%200%200%201.196-.318l8.726-7.725a1.52%201.52%200%200%200%20.424-1.599a1.52%201.52%200%200%200-1.313-1.033l-5.608-.53l3.426-4.648a1.345%201.345%200%200%200-.137-1.726A1.4%201.4%200%200%200%2014.747%203c-.339%200-.667.122-.916.35l-8.737%207.709a1.503%201.503%200%200%200%20.08%202.32c.233.184.519.29.815.317l5.608.54l-3.426%204.649a1.324%201.324%200%200%200%20.82%202.086%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ftn.svg?color=%231a73e8&size=48
