fis logo
fis-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- fis-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 fis 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(#SVGHcSWxdhd129)"><path fill="#00f3ab" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.76 16.794l-.12.023c-.36.171-1.057.44-1.914.629L7.246 20H9.69l1.109-3.491a38 38 0 0 0-1.629.211l-.354 1.177zm1.12-2.411a7.3 7.3 0 0 1 1.697-.314L12 12.726l.4 1.331a5.2 5.2 0 0 1 1.714.349L12.52 9.714h-1.234l-1.412 4.669zm5.04 2.44l.366 1.074l.051-.971l.914.257l.286.086c.229.057.48.102.726.12L16.726 20h-2.52l-1.069-3.52c.617.074 1.234.206 1.783.343m2.743-1.372a11 11 0 0 1-1.132-.131a5 5 0 0 1-1.091-.314v-.046L17.497 4H20l-2.343 11.451zm-11.314.132L4 4h2.503l2.143 10.857l-.452.212c-.308.142-.577.268-.817.348c-.326.114-.686.154-1.028.166"/></g><defs><clipPath id="SVGHcSWxdhd129"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFisBackground(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(#SVGHcSWxdhd129)"><path fill="#00f3ab" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.76 16.794l-.12.023c-.36.171-1.057.44-1.914.629L7.246 20H9.69l1.109-3.491a38 38 0 0 0-1.629.211l-.354 1.177zm1.12-2.411a7.3 7.3 0 0 1 1.697-.314L12 12.726l.4 1.331a5.2 5.2 0 0 1 1.714.349L12.52 9.714h-1.234l-1.412 4.669zm5.04 2.44l.366 1.074l.051-.971l.914.257l.286.086c.229.057.48.102.726.12L16.726 20h-2.52l-1.069-3.52c.617.074 1.234.206 1.783.343m2.743-1.372a11 11 0 0 1-1.132-.131a5 5 0 0 1-1.091-.314v-.046L17.497 4H20l-2.343 11.451zm-11.314.132L4 4h2.503l2.143 10.857l-.452.212c-.308.142-.577.268-.817.348c-.326.114-.686.154-1.028.166"/></g><defs><clipPath id="SVGHcSWxdhd129"><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(#SVGHcSWxdhd129)"><path fill="#00f3ab" d="M24 0H0v24h24z"/><path fill="#fff" d="m8.76 16.794l-.12.023c-.36.171-1.057.44-1.914.629L7.246 20H9.69l1.109-3.491a38 38 0 0 0-1.629.211l-.354 1.177zm1.12-2.411a7.3 7.3 0 0 1 1.697-.314L12 12.726l.4 1.331a5.2 5.2 0 0 1 1.714.349L12.52 9.714h-1.234l-1.412 4.669zm5.04 2.44l.366 1.074l.051-.971l.914.257l.286.086c.229.057.48.102.726.12L16.726 20h-2.52l-1.069-3.52c.617.074 1.234.206 1.783.343m2.743-1.372a11 11 0 0 1-1.132-.131a5 5 0 0 1-1.091-.314v-.046L17.497 4H20l-2.343 11.451zm-11.314.132L4 4h2.503l2.143 10.857l-.452.212c-.308.142-.577.268-.817.348c-.326.114-.686.154-1.028.166"/></g><defs><clipPath id="SVGHcSWxdhd129"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-fis-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(%23SVGHcSWxdhd129)%22%3E%3Cpath%20fill%3D%22%2300f3ab%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m8.76%2016.794l-.12.023c-.36.171-1.057.44-1.914.629L7.246%2020H9.69l1.109-3.491a38%2038%200%200%200-1.629.211l-.354%201.177zm1.12-2.411a7.3%207.3%200%200%201%201.697-.314L12%2012.726l.4%201.331a5.2%205.2%200%200%201%201.714.349L12.52%209.714h-1.234l-1.412%204.669zm5.04%202.44l.366%201.074l.051-.971l.914.257l.286.086c.229.057.48.102.726.12L16.726%2020h-2.52l-1.069-3.52c.617.074%201.234.206%201.783.343m2.743-1.372a11%2011%200%200%201-1.132-.131a5%205%200%200%201-1.091-.314v-.046L17.497%204H20l-2.343%2011.451zm-11.314.132L4%204h2.503l2.143%2010.857l-.452.212c-.308.142-.577.268-.817.348c-.326.114-.686.154-1.028.166%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd129%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(%23SVGHcSWxdhd129)%22%3E%3Cpath%20fill%3D%22%2300f3ab%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m8.76%2016.794l-.12.023c-.36.171-1.057.44-1.914.629L7.246%2020H9.69l1.109-3.491a38%2038%200%200%200-1.629.211l-.354%201.177zm1.12-2.411a7.3%207.3%200%200%201%201.697-.314L12%2012.726l.4%201.331a5.2%205.2%200%200%201%201.714.349L12.52%209.714h-1.234l-1.412%204.669zm5.04%202.44l.366%201.074l.051-.971l.914.257l.286.086c.229.057.48.102.726.12L16.726%2020h-2.52l-1.069-3.52c.617.074%201.234.206%201.783.343m2.743-1.372a11%2011%200%200%201-1.132-.131a5%205%200%200%201-1.091-.314v-.046L17.497%204H20l-2.343%2011.451zm-11.314.132L4%204h2.503l2.143%2010.857l-.452.212c-.308.142-.577.268-.817.348c-.326.114-.686.154-1.028.166%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd129%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/fis-background.svg?color=%231a73e8&size=48
