fida logo
fida from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- fida
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the fida logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.242.394l-3.482 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.237-.388z"/><path fill="currentColor" fill-rule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.714L12 16.736l-4.263-2.378zm.474.209L12 7.736l3.789 2.118v4.187l-3.785 2.222l-3.794-2.222z" clip-rule="evenodd"/><path fill="currentColor" d="M11.768 11.863h.459v9h-.46z"/><path fill="currentColor" d="m12.284 11.864l-.237.388l-7.82-4.476l.236-.389z"/><path fill="currentColor" d="m11.763 11.864l.237.388l7.816-4.476l-.237-.389z"/><path fill="currentColor" fill-rule="evenodd" d="M3.947 7.524L12 3l8.053 4.524v8.957L12 21l-8.053-4.519zm.474.213L12 3.474l7.579 4.263v8.526L12 20.526l-7.579-4.263z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenFida(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="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.242.394l-3.482 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.237-.388z"/><path fill="currentColor" fillRule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.714L12 16.736l-4.263-2.378zm.474.209L12 7.736l3.789 2.118v4.187l-3.785 2.222l-3.794-2.222z" clipRule="evenodd"/><path fill="currentColor" d="M11.768 11.863h.459v9h-.46z"/><path fill="currentColor" d="m12.284 11.864l-.237.388l-7.82-4.476l.236-.389z"/><path fill="currentColor" d="m11.763 11.864l.237.388l7.816-4.476l-.237-.389z"/><path fill="currentColor" fillRule="evenodd" d="M3.947 7.524L12 3l8.053 4.524v8.957L12 21l-8.053-4.519zm.474.213L12 3.474l7.579 4.263v8.526L12 20.526l-7.579-4.263z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.242.394l-3.482 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.237-.388z"/><path fill="currentColor" fill-rule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.714L12 16.736l-4.263-2.378zm.474.209L12 7.736l3.789 2.118v4.187l-3.785 2.222l-3.794-2.222z" clip-rule="evenodd"/><path fill="currentColor" d="M11.768 11.863h.459v9h-.46z"/><path fill="currentColor" d="m12.284 11.864l-.237.388l-7.82-4.476l.236-.389z"/><path fill="currentColor" d="m11.763 11.864l.237.388l7.816-4.476l-.237-.389z"/><path fill="currentColor" fill-rule="evenodd" d="M3.947 7.524L12 3l8.053 4.524v8.957L12 21l-8.053-4.519zm.474.213L12 3.474l7.579 4.263v8.526L12 20.526l-7.579-4.263z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-fida {
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%22M11.777%203.313h.46v4.12h-.46zM7.803%2014.098l.242.394l-3.482%202.084l-.237-.389zm8.46.072l-.237.393l3.534%202.117l.237-.388z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.737%209.645L12%207.263l4.263%202.382v4.714L12%2016.736l-4.263-2.378zm.474.209L12%207.736l3.789%202.118v4.187l-3.785%202.222l-3.794-2.222z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.768%2011.863h.459v9h-.46z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.284%2011.864l-.237.388l-7.82-4.476l.236-.389z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.763%2011.864l.237.388l7.816-4.476l-.237-.389z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.947%207.524L12%203l8.053%204.524v8.957L12%2021l-8.053-4.519zm.474.213L12%203.474l7.579%204.263v8.526L12%2020.526l-7.579-4.263z%22%20clip-rule%3D%22evenodd%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%22M11.777%203.313h.46v4.12h-.46zM7.803%2014.098l.242.394l-3.482%202.084l-.237-.389zm8.46.072l-.237.393l3.534%202.117l.237-.388z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.737%209.645L12%207.263l4.263%202.382v4.714L12%2016.736l-4.263-2.378zm.474.209L12%207.736l3.789%202.118v4.187l-3.785%202.222l-3.794-2.222z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.768%2011.863h.459v9h-.46z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.284%2011.864l-.237.388l-7.82-4.476l.236-.389z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.763%2011.864l.237.388l7.816-4.476l-.237-.389z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.947%207.524L12%203l8.053%204.524v8.957L12%2021l-8.053-4.519zm.474.213L12%203.474l7.579%204.263v8.526L12%2020.526l-7.579-4.263z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/fida.svg?color=%231a73e8&size=48
