fer logo
fer from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- fer
- 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 fer logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGfioaH6ne)" d="M6.97 9.862c0-2.134 1.986-3.42 3.881-3.42h4.823c.72 0 1.355.582 1.355 1.35c0 .778-.65 1.297-1.355 1.297h-4.6c-.27 0-.652.074-.959.249c-.296.174-.497.428-.497.81a1.06 1.06 0 0 0 .984 1.059h4.013c.64 0 1.355.47 1.355 1.307c0 .715-.582 1.34-1.355 1.34H10.55c-.11 0-.159.02-.174.031q-.398.505-.726 1.06l-.031.073v2.266c0 .699-.509 1.334-1.271 1.334a1.376 1.376 0 0 1-1.377-1.334v-2.276c0-.556.191-1.033.376-1.398c.17-.323.382-.63.535-.852a.2.2 0 0 1 .053-.07a.33.33 0 0 0 .058-.232a.64.64 0 0 0-.106-.27l-.19-.27c-.36-.53-.726-1.048-.726-2.054m3.881-2.89C9.136 6.971 7.5 8.12 7.5 9.861c0 .83.27 1.223.625 1.736l.2.297c.096.148.175.317.197.508a.83.83 0 0 1-.16.582l-.042.074a7 7 0 0 0-.502.795c-.17.328-.318.72-.318 1.154v2.276c0 .434.397.805.847.805c.423 0 .741-.35.741-.805v-2.276c0-.064.016-.117.027-.16l.063-.137q.065-.142.201-.354c.175-.276.387-.551.588-.816c.095-.122.291-.217.582-.217h4.066a.817.817 0 0 0 .826-.81c0-.476-.402-.778-.826-.778h-4.013a1.583 1.583 0 0 1-1.514-1.588a1.43 1.43 0 0 1 .762-1.266c.375-.208.795-.32 1.223-.323h4.606c.455 0 .82-.323.82-.767c0-.46-.38-.82-.825-.82z"/><path fill="#000" d="M10.851 6.705h4.823c.582 0 1.09.472 1.09 1.086c0 .609-.508 1.032-1.09 1.032h-4.6c-.62 0-1.721.323-1.721 1.324c0 .794.667 1.323 1.25 1.323h4.012c.53 0 1.09.387 1.09 1.043c0 .572-.465 1.075-1.09 1.075H10.55c-.238 0-.338.08-.37.116c-.207.265-.408.53-.572.794c-.175.276-.254.434-.254.509v2.276c0 .577-.413 1.07-1.006 1.07c-.582 0-1.112-.477-1.112-1.07v-2.276c0-.493.17-.932.35-1.276s.402-.662.566-.895c.186-.265.117-.545-.047-.794c-.43-.662-.869-1.101-.869-2.187c0-1.932 1.81-3.15 3.616-3.15"/><path fill="#000" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGfioaH6ne" x1="13.895" x2="6.698" y1="3.392" y2="22.061" gradientUnits="userSpaceOnUse"><stop offset=".01"/><stop offset=".22" stop-color="#ecebe9"/><stop offset=".38" stop-color="#413d3e"/><stop offset=".48" stop-color="#4f4b4c"/><stop offset=".6" stop-color="#bebfbf"/><stop offset=".81" stop-color="#413d3e"/><stop offset="1" stop-color="#b3b3b3"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFer(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="url(#SVGfioaH6ne)" d="M6.97 9.862c0-2.134 1.986-3.42 3.881-3.42h4.823c.72 0 1.355.582 1.355 1.35c0 .778-.65 1.297-1.355 1.297h-4.6c-.27 0-.652.074-.959.249c-.296.174-.497.428-.497.81a1.06 1.06 0 0 0 .984 1.059h4.013c.64 0 1.355.47 1.355 1.307c0 .715-.582 1.34-1.355 1.34H10.55c-.11 0-.159.02-.174.031q-.398.505-.726 1.06l-.031.073v2.266c0 .699-.509 1.334-1.271 1.334a1.376 1.376 0 0 1-1.377-1.334v-2.276c0-.556.191-1.033.376-1.398c.17-.323.382-.63.535-.852a.2.2 0 0 1 .053-.07a.33.33 0 0 0 .058-.232a.64.64 0 0 0-.106-.27l-.19-.27c-.36-.53-.726-1.048-.726-2.054m3.881-2.89C9.136 6.971 7.5 8.12 7.5 9.861c0 .83.27 1.223.625 1.736l.2.297c.096.148.175.317.197.508a.83.83 0 0 1-.16.582l-.042.074a7 7 0 0 0-.502.795c-.17.328-.318.72-.318 1.154v2.276c0 .434.397.805.847.805c.423 0 .741-.35.741-.805v-2.276c0-.064.016-.117.027-.16l.063-.137q.065-.142.201-.354c.175-.276.387-.551.588-.816c.095-.122.291-.217.582-.217h4.066a.817.817 0 0 0 .826-.81c0-.476-.402-.778-.826-.778h-4.013a1.583 1.583 0 0 1-1.514-1.588a1.43 1.43 0 0 1 .762-1.266c.375-.208.795-.32 1.223-.323h4.606c.455 0 .82-.323.82-.767c0-.46-.38-.82-.825-.82z"/><path fill="#000" d="M10.851 6.705h4.823c.582 0 1.09.472 1.09 1.086c0 .609-.508 1.032-1.09 1.032h-4.6c-.62 0-1.721.323-1.721 1.324c0 .794.667 1.323 1.25 1.323h4.012c.53 0 1.09.387 1.09 1.043c0 .572-.465 1.075-1.09 1.075H10.55c-.238 0-.338.08-.37.116c-.207.265-.408.53-.572.794c-.175.276-.254.434-.254.509v2.276c0 .577-.413 1.07-1.006 1.07c-.582 0-1.112-.477-1.112-1.07v-2.276c0-.493.17-.932.35-1.276s.402-.662.566-.895c.186-.265.117-.545-.047-.794c-.43-.662-.869-1.101-.869-2.187c0-1.932 1.81-3.15 3.616-3.15"/><path fill="#000" fillRule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><defs><linearGradient id="SVGfioaH6ne" x1="13.895" x2="6.698" y1="3.392" y2="22.061" gradientUnits="userSpaceOnUse"><stop offset=".01"/><stop offset=".22" stopColor="#ecebe9"/><stop offset=".38" stopColor="#413d3e"/><stop offset=".48" stopColor="#4f4b4c"/><stop offset=".6" stopColor="#bebfbf"/><stop offset=".81" stopColor="#413d3e"/><stop offset="1" stopColor="#b3b3b3"/></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="url(#SVGfioaH6ne)" d="M6.97 9.862c0-2.134 1.986-3.42 3.881-3.42h4.823c.72 0 1.355.582 1.355 1.35c0 .778-.65 1.297-1.355 1.297h-4.6c-.27 0-.652.074-.959.249c-.296.174-.497.428-.497.81a1.06 1.06 0 0 0 .984 1.059h4.013c.64 0 1.355.47 1.355 1.307c0 .715-.582 1.34-1.355 1.34H10.55c-.11 0-.159.02-.174.031q-.398.505-.726 1.06l-.031.073v2.266c0 .699-.509 1.334-1.271 1.334a1.376 1.376 0 0 1-1.377-1.334v-2.276c0-.556.191-1.033.376-1.398c.17-.323.382-.63.535-.852a.2.2 0 0 1 .053-.07a.33.33 0 0 0 .058-.232a.64.64 0 0 0-.106-.27l-.19-.27c-.36-.53-.726-1.048-.726-2.054m3.881-2.89C9.136 6.971 7.5 8.12 7.5 9.861c0 .83.27 1.223.625 1.736l.2.297c.096.148.175.317.197.508a.83.83 0 0 1-.16.582l-.042.074a7 7 0 0 0-.502.795c-.17.328-.318.72-.318 1.154v2.276c0 .434.397.805.847.805c.423 0 .741-.35.741-.805v-2.276c0-.064.016-.117.027-.16l.063-.137q.065-.142.201-.354c.175-.276.387-.551.588-.816c.095-.122.291-.217.582-.217h4.066a.817.817 0 0 0 .826-.81c0-.476-.402-.778-.826-.778h-4.013a1.583 1.583 0 0 1-1.514-1.588a1.43 1.43 0 0 1 .762-1.266c.375-.208.795-.32 1.223-.323h4.606c.455 0 .82-.323.82-.767c0-.46-.38-.82-.825-.82z"/><path fill="#000" d="M10.851 6.705h4.823c.582 0 1.09.472 1.09 1.086c0 .609-.508 1.032-1.09 1.032h-4.6c-.62 0-1.721.323-1.721 1.324c0 .794.667 1.323 1.25 1.323h4.012c.53 0 1.09.387 1.09 1.043c0 .572-.465 1.075-1.09 1.075H10.55c-.238 0-.338.08-.37.116c-.207.265-.408.53-.572.794c-.175.276-.254.434-.254.509v2.276c0 .577-.413 1.07-1.006 1.07c-.582 0-1.112-.477-1.112-1.07v-2.276c0-.493.17-.932.35-1.276s.402-.662.566-.895c.186-.265.117-.545-.047-.794c-.43-.662-.869-1.101-.869-2.187c0-1.932 1.81-3.15 3.616-3.15"/><path fill="#000" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGfioaH6ne" x1="13.895" x2="6.698" y1="3.392" y2="22.061" gradientUnits="userSpaceOnUse"><stop offset=".01"/><stop offset=".22" stop-color="#ecebe9"/><stop offset=".38" stop-color="#413d3e"/><stop offset=".48" stop-color="#4f4b4c"/><stop offset=".6" stop-color="#bebfbf"/><stop offset=".81" stop-color="#413d3e"/><stop offset="1" stop-color="#b3b3b3"/></linearGradient></defs></g></svg> </template>
CSS
.icon-fer {
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%22url(%23SVGfioaH6ne)%22%20d%3D%22M6.97%209.862c0-2.134%201.986-3.42%203.881-3.42h4.823c.72%200%201.355.582%201.355%201.35c0%20.778-.65%201.297-1.355%201.297h-4.6c-.27%200-.652.074-.959.249c-.296.174-.497.428-.497.81a1.06%201.06%200%200%200%20.984%201.059h4.013c.64%200%201.355.47%201.355%201.307c0%20.715-.582%201.34-1.355%201.34H10.55c-.11%200-.159.02-.174.031q-.398.505-.726%201.06l-.031.073v2.266c0%20.699-.509%201.334-1.271%201.334a1.376%201.376%200%200%201-1.377-1.334v-2.276c0-.556.191-1.033.376-1.398c.17-.323.382-.63.535-.852a.2.2%200%200%201%20.053-.07a.33.33%200%200%200%20.058-.232a.64.64%200%200%200-.106-.27l-.19-.27c-.36-.53-.726-1.048-.726-2.054m3.881-2.89C9.136%206.971%207.5%208.12%207.5%209.861c0%20.83.27%201.223.625%201.736l.2.297c.096.148.175.317.197.508a.83.83%200%200%201-.16.582l-.042.074a7%207%200%200%200-.502.795c-.17.328-.318.72-.318%201.154v2.276c0%20.434.397.805.847.805c.423%200%20.741-.35.741-.805v-2.276c0-.064.016-.117.027-.16l.063-.137q.065-.142.201-.354c.175-.276.387-.551.588-.816c.095-.122.291-.217.582-.217h4.066a.817.817%200%200%200%20.826-.81c0-.476-.402-.778-.826-.778h-4.013a1.583%201.583%200%200%201-1.514-1.588a1.43%201.43%200%200%201%20.762-1.266c.375-.208.795-.32%201.223-.323h4.606c.455%200%20.82-.323.82-.767c0-.46-.38-.82-.825-.82z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10.851%206.705h4.823c.582%200%201.09.472%201.09%201.086c0%20.609-.508%201.032-1.09%201.032h-4.6c-.62%200-1.721.323-1.721%201.324c0%20.794.667%201.323%201.25%201.323h4.012c.53%200%201.09.387%201.09%201.043c0%20.572-.465%201.075-1.09%201.075H10.55c-.238%200-.338.08-.37.116c-.207.265-.408.53-.572.794c-.175.276-.254.434-.254.509v2.276c0%20.577-.413%201.07-1.006%201.07c-.582%200-1.112-.477-1.112-1.07v-2.276c0-.493.17-.932.35-1.276s.402-.662.566-.895c.186-.265.117-.545-.047-.794c-.43-.662-.869-1.101-.869-2.187c0-1.932%201.81-3.15%203.616-3.15%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfioaH6ne%22%20x1%3D%2213.895%22%20x2%3D%226.698%22%20y1%3D%223.392%22%20y2%3D%2222.061%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ecebe9%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23413d3e%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%234f4b4c%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23bebfbf%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23413d3e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b3b3b3%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%22url(%23SVGfioaH6ne)%22%20d%3D%22M6.97%209.862c0-2.134%201.986-3.42%203.881-3.42h4.823c.72%200%201.355.582%201.355%201.35c0%20.778-.65%201.297-1.355%201.297h-4.6c-.27%200-.652.074-.959.249c-.296.174-.497.428-.497.81a1.06%201.06%200%200%200%20.984%201.059h4.013c.64%200%201.355.47%201.355%201.307c0%20.715-.582%201.34-1.355%201.34H10.55c-.11%200-.159.02-.174.031q-.398.505-.726%201.06l-.031.073v2.266c0%20.699-.509%201.334-1.271%201.334a1.376%201.376%200%200%201-1.377-1.334v-2.276c0-.556.191-1.033.376-1.398c.17-.323.382-.63.535-.852a.2.2%200%200%201%20.053-.07a.33.33%200%200%200%20.058-.232a.64.64%200%200%200-.106-.27l-.19-.27c-.36-.53-.726-1.048-.726-2.054m3.881-2.89C9.136%206.971%207.5%208.12%207.5%209.861c0%20.83.27%201.223.625%201.736l.2.297c.096.148.175.317.197.508a.83.83%200%200%201-.16.582l-.042.074a7%207%200%200%200-.502.795c-.17.328-.318.72-.318%201.154v2.276c0%20.434.397.805.847.805c.423%200%20.741-.35.741-.805v-2.276c0-.064.016-.117.027-.16l.063-.137q.065-.142.201-.354c.175-.276.387-.551.588-.816c.095-.122.291-.217.582-.217h4.066a.817.817%200%200%200%20.826-.81c0-.476-.402-.778-.826-.778h-4.013a1.583%201.583%200%200%201-1.514-1.588a1.43%201.43%200%200%201%20.762-1.266c.375-.208.795-.32%201.223-.323h4.606c.455%200%20.82-.323.82-.767c0-.46-.38-.82-.825-.82z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M10.851%206.705h4.823c.582%200%201.09.472%201.09%201.086c0%20.609-.508%201.032-1.09%201.032h-4.6c-.62%200-1.721.323-1.721%201.324c0%20.794.667%201.323%201.25%201.323h4.012c.53%200%201.09.387%201.09%201.043c0%20.572-.465%201.075-1.09%201.075H10.55c-.238%200-.338.08-.37.116c-.207.265-.408.53-.572.794c-.175.276-.254.434-.254.509v2.276c0%20.577-.413%201.07-1.006%201.07c-.582%200-1.112-.477-1.112-1.07v-2.276c0-.493.17-.932.35-1.276s.402-.662.566-.895c.186-.265.117-.545-.047-.794c-.43-.662-.869-1.101-.869-2.187c0-1.932%201.81-3.15%203.616-3.15%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfioaH6ne%22%20x1%3D%2213.895%22%20x2%3D%226.698%22%20y1%3D%223.392%22%20y2%3D%2222.061%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ecebe9%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23413d3e%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%234f4b4c%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23bebfbf%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23413d3e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b3b3b3%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/fer.svg?color=%231a73e8&size=48
