fer logo
fer-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- fer-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.529 10.1c0-1.897 1.765-3.04 3.45-3.04h4.286c.64 0 1.205.517 1.205 1.2c0 .691-.579 1.152-1.205 1.152h-4.09c-.24 0-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94 0 0 0 .875.942h3.567c.57 0 1.205.418 1.205 1.162c0 .635-.518 1.19-1.205 1.19H10.71c-.099 0-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0 .621-.452 1.186-1.13 1.186a1.224 1.224 0 0 1-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3 0 0 0 .052-.208a.6.6 0 0 0-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525 0-2.98 1.021-2.98 2.57c0 .738.24 1.086.556 1.543l.179.263c.084.132.155.283.174.452a.74.74 0 0 1-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283 1.026v2.023c0 .386.353.715.753.715c.377 0 .66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726 0 0 0 .734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41 1.41 0 0 1-1.346-1.412a1.27 1.27 0 0 1 .678-1.124a2.3 2.3 0 0 1 1.087-.287h4.094c.405 0 .73-.287.73-.683c0-.41-.34-.73-.735-.73z"/><path fill="#fff" d="M10.979 7.294h4.287a.97.97 0 0 1 .97.964c0 .542-.453.918-.97.918h-4.09c-.55 0-1.529.287-1.529 1.176c0 .706.593 1.177 1.11 1.177h3.568c.47 0 .97.344.97.927a.96.96 0 0 1-.97.955H10.71c-.212 0-.302.071-.33.104a8 8 0 0 0-.508.706c-.155.245-.226.386-.226.452v2.023c0 .513-.367.95-.894.95c-.518 0-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718 1.609-2.8 3.214-2.8"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFerBackground(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"><g clipPath="url(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.529 10.1c0-1.897 1.765-3.04 3.45-3.04h4.286c.64 0 1.205.517 1.205 1.2c0 .691-.579 1.152-1.205 1.152h-4.09c-.24 0-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94 0 0 0 .875.942h3.567c.57 0 1.205.418 1.205 1.162c0 .635-.518 1.19-1.205 1.19H10.71c-.099 0-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0 .621-.452 1.186-1.13 1.186a1.224 1.224 0 0 1-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3 0 0 0 .052-.208a.6.6 0 0 0-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525 0-2.98 1.021-2.98 2.57c0 .738.24 1.086.556 1.543l.179.263c.084.132.155.283.174.452a.74.74 0 0 1-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283 1.026v2.023c0 .386.353.715.753.715c.377 0 .66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726 0 0 0 .734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41 1.41 0 0 1-1.346-1.412a1.27 1.27 0 0 1 .678-1.124a2.3 2.3 0 0 1 1.087-.287h4.094c.405 0 .73-.287.73-.683c0-.41-.34-.73-.735-.73z"/><path fill="#fff" d="M10.979 7.294h4.287a.97.97 0 0 1 .97.964c0 .542-.453.918-.97.918h-4.09c-.55 0-1.529.287-1.529 1.176c0 .706.593 1.177 1.11 1.177h3.568c.47 0 .97.344.97.927a.96.96 0 0 1-.97.955H10.71c-.212 0-.302.071-.33.104a8 8 0 0 0-.508.706c-.155.245-.226.386-.226.452v2.023c0 .513-.367.95-.894.95c-.518 0-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718 1.609-2.8 3.214-2.8"/><path fill="#fff" fillRule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.529 10.1c0-1.897 1.765-3.04 3.45-3.04h4.286c.64 0 1.205.517 1.205 1.2c0 .691-.579 1.152-1.205 1.152h-4.09c-.24 0-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94 0 0 0 .875.942h3.567c.57 0 1.205.418 1.205 1.162c0 .635-.518 1.19-1.205 1.19H10.71c-.099 0-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0 .621-.452 1.186-1.13 1.186a1.224 1.224 0 0 1-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3 0 0 0 .052-.208a.6.6 0 0 0-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525 0-2.98 1.021-2.98 2.57c0 .738.24 1.086.556 1.543l.179.263c.084.132.155.283.174.452a.74.74 0 0 1-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283 1.026v2.023c0 .386.353.715.753.715c.377 0 .66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726 0 0 0 .734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41 1.41 0 0 1-1.346-1.412a1.27 1.27 0 0 1 .678-1.124a2.3 2.3 0 0 1 1.087-.287h4.094c.405 0 .73-.287.73-.683c0-.41-.34-.73-.735-.73z"/><path fill="#fff" d="M10.979 7.294h4.287a.97.97 0 0 1 .97.964c0 .542-.453.918-.97.918h-4.09c-.55 0-1.529.287-1.529 1.176c0 .706.593 1.177 1.11 1.177h3.568c.47 0 .97.344.97.927a.96.96 0 0 1-.97.955H10.71c-.212 0-.302.071-.33.104a8 8 0 0 0-.508.706c-.155.245-.226.386-.226.452v2.023c0 .513-.367.95-.894.95c-.518 0-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718 1.609-2.8 3.214-2.8"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-fer-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.529%2010.1c0-1.897%201.765-3.04%203.45-3.04h4.286c.64%200%201.205.517%201.205%201.2c0%20.691-.579%201.152-1.205%201.152h-4.09c-.24%200-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94%200%200%200%20.875.942h3.567c.57%200%201.205.418%201.205%201.162c0%20.635-.518%201.19-1.205%201.19H10.71c-.099%200-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0%20.621-.452%201.186-1.13%201.186a1.224%201.224%200%200%201-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3%200%200%200%20.052-.208a.6.6%200%200%200-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525%200-2.98%201.021-2.98%202.57c0%20.738.24%201.086.556%201.543l.179.263c.084.132.155.283.174.452a.74.74%200%200%201-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283%201.026v2.023c0%20.386.353.715.753.715c.377%200%20.66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726%200%200%200%20.734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41%201.41%200%200%201-1.346-1.412a1.27%201.27%200%200%201%20.678-1.124a2.3%202.3%200%200%201%201.087-.287h4.094c.405%200%20.73-.287.73-.683c0-.41-.34-.73-.735-.73z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.979%207.294h4.287a.97.97%200%200%201%20.97.964c0%20.542-.453.918-.97.918h-4.09c-.55%200-1.529.287-1.529%201.176c0%20.706.593%201.177%201.11%201.177h3.568c.47%200%20.97.344.97.927a.96.96%200%200%201-.97.955H10.71c-.212%200-.302.071-.33.104a8%208%200%200%200-.508.706c-.155.245-.226.386-.226.452v2.023c0%20.513-.367.95-.894.95c-.518%200-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718%201.609-2.8%203.214-2.8%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.529%2010.1c0-1.897%201.765-3.04%203.45-3.04h4.286c.64%200%201.205.517%201.205%201.2c0%20.691-.579%201.152-1.205%201.152h-4.09c-.24%200-.578.066-.85.221c-.264.156-.443.382-.443.72a.94.94%200%200%200%20.875.942h3.567c.57%200%201.205.418%201.205%201.162c0%20.635-.518%201.19-1.205%201.19H10.71c-.099%200-.141.02-.155.029q-.352.45-.645.94l-.028.067v2.014c0%20.621-.452%201.186-1.13%201.186a1.224%201.224%200%200%201-1.223-1.186v-2.023c0-.495.17-.918.334-1.243c.15-.287.339-.56.475-.758c.014-.023.028-.047.047-.06a.3.3%200%200%200%20.052-.208a.6.6%200%200%200-.094-.24l-.17-.24c-.32-.47-.644-.932-.644-1.826m3.45-2.57c-1.525%200-2.98%201.021-2.98%202.57c0%20.738.24%201.086.556%201.543l.179.263c.084.132.155.283.174.452a.74.74%200%200%201-.142.518l-.037.066c-.141.197-.31.447-.447.706c-.15.291-.283.64-.283%201.026v2.023c0%20.386.353.715.753.715c.377%200%20.66-.31.66-.715v-2.023c0-.057.013-.104.023-.142l.056-.122q.058-.126.179-.315c.155-.245.344-.49.522-.725c.085-.108.26-.193.518-.193h3.614a.726.726%200%200%200%20.734-.72c0-.424-.357-.692-.734-.692h-3.567a1.41%201.41%200%200%201-1.346-1.412a1.27%201.27%200%200%201%20.678-1.124a2.3%202.3%200%200%201%201.087-.287h4.094c.405%200%20.73-.287.73-.683c0-.41-.34-.73-.735-.73z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.979%207.294h4.287a.97.97%200%200%201%20.97.964c0%20.542-.453.918-.97.918h-4.09c-.55%200-1.529.287-1.529%201.176c0%20.706.593%201.177%201.11%201.177h3.568c.47%200%20.97.344.97.927a.96.96%200%200%201-.97.955H10.71c-.212%200-.302.071-.33.104a8%208%200%200%200-.508.706c-.155.245-.226.386-.226.452v2.023c0%20.513-.367.95-.894.95c-.518%200-.988-.423-.988-.95v-2.023c0-.438.15-.829.31-1.135s.358-.588.504-.795c.164-.235.103-.485-.043-.706c-.38-.588-.771-.979-.771-1.943c0-1.718%201.609-2.8%203.214-2.8%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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-background.svg?color=%231a73e8&size=48
