fida logo
fida from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- fida
- 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 fida logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#5f60c7" d="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.241.394l-3.481 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.236-.388z"/><path fill="url(#SVGwZIvEejJ)" fill-rule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.713L12 16.736l-4.263-2.378zm.473.209L12 7.736l3.79 2.118v4.187l-3.785 2.222L8.21 14.04z" clip-rule="evenodd"/><path fill="#8081ee" d="M11.768 11.863h.459v9h-.46z"/><path fill="#8081ee" d="m12.284 11.862l-.237.389l-7.82-4.477l.236-.388z"/><path fill="#8081ee" d="m11.763 11.862l.237.389l7.816-4.477l-.237-.388z"/><path fill="#8081ee" 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"/><defs><linearGradient id="SVGwZIvEejJ" x1="14.058" x2="5.645" y1="1.254" y2="20.342" gradientUnits="userSpaceOnUse"><stop stop-color="#86e0e9"/><stop offset="1" stop-color="#259ac1"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFida(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"><path fill="#5f60c7" d="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.241.394l-3.481 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.236-.388z"/><path fill="url(#SVGwZIvEejJ)" fillRule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.713L12 16.736l-4.263-2.378zm.473.209L12 7.736l3.79 2.118v4.187l-3.785 2.222L8.21 14.04z" clipRule="evenodd"/><path fill="#8081ee" d="M11.768 11.863h.459v9h-.46z"/><path fill="#8081ee" d="m12.284 11.862l-.237.389l-7.82-4.477l.236-.388z"/><path fill="#8081ee" d="m11.763 11.862l.237.389l7.816-4.477l-.237-.388z"/><path fill="#8081ee" 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"/><defs><linearGradient id="SVGwZIvEejJ" x1="14.058" x2="5.645" y1="1.254" y2="20.342" gradientUnits="userSpaceOnUse"><stop stopColor="#86e0e9"/><stop offset="1" stopColor="#259ac1"/></linearGradient></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"><path fill="#5f60c7" d="M11.777 3.313h.46v4.12h-.46zM7.803 14.098l.241.394l-3.481 2.084l-.237-.389zm8.46.072l-.237.393l3.534 2.117l.236-.388z"/><path fill="url(#SVGwZIvEejJ)" fill-rule="evenodd" d="M7.737 9.645L12 7.263l4.263 2.382v4.713L12 16.736l-4.263-2.378zm.473.209L12 7.736l3.79 2.118v4.187l-3.785 2.222L8.21 14.04z" clip-rule="evenodd"/><path fill="#8081ee" d="M11.768 11.863h.459v9h-.46z"/><path fill="#8081ee" d="m12.284 11.862l-.237.389l-7.82-4.477l.236-.388z"/><path fill="#8081ee" d="m11.763 11.862l.237.389l7.816-4.477l-.237-.388z"/><path fill="#8081ee" 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"/><defs><linearGradient id="SVGwZIvEejJ" x1="14.058" x2="5.645" y1="1.254" y2="20.342" gradientUnits="userSpaceOnUse"><stop stop-color="#86e0e9"/><stop offset="1" stop-color="#259ac1"/></linearGradient></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%235f60c7%22%20d%3D%22M11.777%203.313h.46v4.12h-.46zM7.803%2014.098l.241.394l-3.481%202.084l-.237-.389zm8.46.072l-.237.393l3.534%202.117l.236-.388z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwZIvEejJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.737%209.645L12%207.263l4.263%202.382v4.713L12%2016.736l-4.263-2.378zm.473.209L12%207.736l3.79%202.118v4.187l-3.785%202.222L8.21%2014.04z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22M11.768%2011.863h.459v9h-.46z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22m12.284%2011.862l-.237.389l-7.82-4.477l.236-.388z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22m11.763%2011.862l.237.389l7.816-4.477l-.237-.388z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwZIvEejJ%22%20x1%3D%2214.058%22%20x2%3D%225.645%22%20y1%3D%221.254%22%20y2%3D%2220.342%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2386e0e9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23259ac1%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22%235f60c7%22%20d%3D%22M11.777%203.313h.46v4.12h-.46zM7.803%2014.098l.241.394l-3.481%202.084l-.237-.389zm8.46.072l-.237.393l3.534%202.117l.236-.388z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwZIvEejJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.737%209.645L12%207.263l4.263%202.382v4.713L12%2016.736l-4.263-2.378zm.473.209L12%207.736l3.79%202.118v4.187l-3.785%202.222L8.21%2014.04z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22M11.768%2011.863h.459v9h-.46z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22m12.284%2011.862l-.237.389l-7.82-4.477l.236-.388z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%22%20d%3D%22m11.763%2011.862l.237.389l7.816-4.477l-.237-.388z%22%2F%3E%3Cpath%20fill%3D%22%238081ee%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwZIvEejJ%22%20x1%3D%2214.058%22%20x2%3D%225.645%22%20y1%3D%221.254%22%20y2%3D%2220.342%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2386e0e9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23259ac1%22%2F%3E%3C%2FlinearGradient%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/fida.svg?color=%231a73e8&size=48
