fxs logo
fxs from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- fxs
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the fxs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.3 4.157a56 56 0 0 0-1.082 1.16c0 .013.525.545 1.178 1.167l.423.405l.695.677a7.82 7.82 0 0 0-.12 8.692c-.242.26-.635.683-1.082 1.149l-1.258 1.341l-.054.06c0 .013 2.007 1.971 2.194 2.128l.073.06l1.136-1.19l1.209-1.281a7.82 7.82 0 0 0 8.716.036c.538.526 2.478 2.394 2.502 2.406c.018.006 2.176-2.267 2.17-2.297c-.006-.018-1.487-1.45-2.387-2.31l-.043-.041a7.82 7.82 0 0 0-.012-8.644l1.082-1.148q.643-.658 1.251-1.348a76 76 0 0 0-2.26-2.158c-.018 0-.575.568-1.233 1.27c-.466.495-.877.93-1.088 1.142A7.82 7.82 0 0 0 7.8 5.36l-.037-.036l-.423-.405l-.665-.64L5.581 3.22l-.218-.218L4.3 4.15zM12 16.838a4.835 4.835 0 1 0 0-9.67a4.835 4.835 0 0 0 0 9.67" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenFxs(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" fillRule="evenodd" d="M4.3 4.157a56 56 0 0 0-1.082 1.16c0 .013.525.545 1.178 1.167l.423.405l.695.677a7.82 7.82 0 0 0-.12 8.692c-.242.26-.635.683-1.082 1.149l-1.258 1.341l-.054.06c0 .013 2.007 1.971 2.194 2.128l.073.06l1.136-1.19l1.209-1.281a7.82 7.82 0 0 0 8.716.036c.538.526 2.478 2.394 2.502 2.406c.018.006 2.176-2.267 2.17-2.297c-.006-.018-1.487-1.45-2.387-2.31l-.043-.041a7.82 7.82 0 0 0-.012-8.644l1.082-1.148q.643-.658 1.251-1.348a76 76 0 0 0-2.26-2.158c-.018 0-.575.568-1.233 1.27c-.466.495-.877.93-1.088 1.142A7.82 7.82 0 0 0 7.8 5.36l-.037-.036l-.423-.405l-.665-.64L5.581 3.22l-.218-.218L4.3 4.15zM12 16.838a4.835 4.835 0 1 0 0-9.67a4.835 4.835 0 0 0 0 9.67" 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" fill-rule="evenodd" d="M4.3 4.157a56 56 0 0 0-1.082 1.16c0 .013.525.545 1.178 1.167l.423.405l.695.677a7.82 7.82 0 0 0-.12 8.692c-.242.26-.635.683-1.082 1.149l-1.258 1.341l-.054.06c0 .013 2.007 1.971 2.194 2.128l.073.06l1.136-1.19l1.209-1.281a7.82 7.82 0 0 0 8.716.036c.538.526 2.478 2.394 2.502 2.406c.018.006 2.176-2.267 2.17-2.297c-.006-.018-1.487-1.45-2.387-2.31l-.043-.041a7.82 7.82 0 0 0-.012-8.644l1.082-1.148q.643-.658 1.251-1.348a76 76 0 0 0-2.26-2.158c-.018 0-.575.568-1.233 1.27c-.466.495-.877.93-1.088 1.142A7.82 7.82 0 0 0 7.8 5.36l-.037-.036l-.423-.405l-.665-.64L5.581 3.22l-.218-.218L4.3 4.15zM12 16.838a4.835 4.835 0 1 0 0-9.67a4.835 4.835 0 0 0 0 9.67" clip-rule="evenodd"/></svg> </template>
CSS
.icon-fxs {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.3%204.157a56%2056%200%200%200-1.082%201.16c0%20.013.525.545%201.178%201.167l.423.405l.695.677a7.82%207.82%200%200%200-.12%208.692c-.242.26-.635.683-1.082%201.149l-1.258%201.341l-.054.06c0%20.013%202.007%201.971%202.194%202.128l.073.06l1.136-1.19l1.209-1.281a7.82%207.82%200%200%200%208.716.036c.538.526%202.478%202.394%202.502%202.406c.018.006%202.176-2.267%202.17-2.297c-.006-.018-1.487-1.45-2.387-2.31l-.043-.041a7.82%207.82%200%200%200-.012-8.644l1.082-1.148q.643-.658%201.251-1.348a76%2076%200%200%200-2.26-2.158c-.018%200-.575.568-1.233%201.27c-.466.495-.877.93-1.088%201.142A7.82%207.82%200%200%200%207.8%205.36l-.037-.036l-.423-.405l-.665-.64L5.581%203.22l-.218-.218L4.3%204.15zM12%2016.838a4.835%204.835%200%201%200%200-9.67a4.835%204.835%200%200%200%200%209.67%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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.3%204.157a56%2056%200%200%200-1.082%201.16c0%20.013.525.545%201.178%201.167l.423.405l.695.677a7.82%207.82%200%200%200-.12%208.692c-.242.26-.635.683-1.082%201.149l-1.258%201.341l-.054.06c0%20.013%202.007%201.971%202.194%202.128l.073.06l1.136-1.19l1.209-1.281a7.82%207.82%200%200%200%208.716.036c.538.526%202.478%202.394%202.502%202.406c.018.006%202.176-2.267%202.17-2.297c-.006-.018-1.487-1.45-2.387-2.31l-.043-.041a7.82%207.82%200%200%200-.012-8.644l1.082-1.148q.643-.658%201.251-1.348a76%2076%200%200%200-2.26-2.158c-.018%200-.575.568-1.233%201.27c-.466.495-.877.93-1.088%201.142A7.82%207.82%200%200%200%207.8%205.36l-.037-.036l-.423-.405l-.665-.64L5.581%203.22l-.218-.218L4.3%204.15zM12%2016.838a4.835%204.835%200%201%200%200-9.67a4.835%204.835%200%200%200%200%209.67%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/fxs.svg?color=%231a73e8&size=48
