sfi logo
sfi from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- sfi
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the sfi 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="M6.349 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.35 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.652 3zm4.45 9s.02-.034 0 3.938v3.291h2.408v-3.29c0-.826.004-1.607.007-2.253c.005-.934.009-1.587-.007-1.683a21 21 0 0 0 1.666-.716c.719-.338 1.441-1.045 1.747-1.71c.437-.955.468-1.675.123-2.84c-.302-1.022-.31-1.373-.042-1.805c.087-.141.154-.22.14-.28c-.023-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.267 2.047-.344 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.108.153-2.727.003c-1.145-.278-1.793-.916-1.933-1.904c-.072-.51-.015-.896.255-1.713c.268-.814.292-1.574.064-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.288.86-.34 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.111.072c.6.386 1.064.685 1.936.816m-.603 5.423h-3.01v1.204h3.01zm6.624 0h-3.01v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-5.988-2.585c.38.021 1.043-2.058 1.168-2.52c.02.057.059.196.11.384c.202.736.604 2.203.88 2.203a29 29 0 0 0 1.388-.727c.011-.01-.385-.772-.88-1.694l-.935-1.853h-1.126L10.31 7.678l-.897 1.684l.676.327c.371.18.706.33.743.331" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenSfi(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="M6.349 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.35 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.652 3zm4.45 9s.02-.034 0 3.938v3.291h2.408v-3.29c0-.826.004-1.607.007-2.253c.005-.934.009-1.587-.007-1.683a21 21 0 0 0 1.666-.716c.719-.338 1.441-1.045 1.747-1.71c.437-.955.468-1.675.123-2.84c-.302-1.022-.31-1.373-.042-1.805c.087-.141.154-.22.14-.28c-.023-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.267 2.047-.344 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.108.153-2.727.003c-1.145-.278-1.793-.916-1.933-1.904c-.072-.51-.015-.896.255-1.713c.268-.814.292-1.574.064-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.288.86-.34 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.111.072c.6.386 1.064.685 1.936.816m-.603 5.423h-3.01v1.204h3.01zm6.624 0h-3.01v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-5.988-2.585c.38.021 1.043-2.058 1.168-2.52c.02.057.059.196.11.384c.202.736.604 2.203.88 2.203a29 29 0 0 0 1.388-.727c.011-.01-.385-.772-.88-1.694l-.935-1.853h-1.126L10.31 7.678l-.897 1.684l.676.327c.371.18.706.33.743.331" 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="M6.349 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.35 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.652 3zm4.45 9s.02-.034 0 3.938v3.291h2.408v-3.29c0-.826.004-1.607.007-2.253c.005-.934.009-1.587-.007-1.683a21 21 0 0 0 1.666-.716c.719-.338 1.441-1.045 1.747-1.71c.437-.955.468-1.675.123-2.84c-.302-1.022-.31-1.373-.042-1.805c.087-.141.154-.22.14-.28c-.023-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.267 2.047-.344 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.108.153-2.727.003c-1.145-.278-1.793-.916-1.933-1.904c-.072-.51-.015-.896.255-1.713c.268-.814.292-1.574.064-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.288.86-.34 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.111.072c.6.386 1.064.685 1.936.816m-.603 5.423h-3.01v1.204h3.01zm6.624 0h-3.01v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.01v1.205h3.01zm-5.988-2.585c.38.021 1.043-2.058 1.168-2.52c.02.057.059.196.11.384c.202.736.604 2.203.88 2.203a29 29 0 0 0 1.388-.727c.011-.01-.385-.772-.88-1.694l-.935-1.853h-1.126L10.31 7.678l-.897 1.684l.676.327c.371.18.706.33.743.331" clip-rule="evenodd"/></svg> </template>
CSS
.icon-sfi {
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%22M6.349%203A3.35%203.35%200%200%200%203%206.35v11.303A3.35%203.35%200%200%200%206.35%2021h11.303A3.35%203.35%200%200%200%2021%2017.652V6.349A3.35%203.35%200%200%200%2017.652%203zm4.45%209s.02-.034%200%203.938v3.291h2.408v-3.29c0-.826.004-1.607.007-2.253c.005-.934.009-1.587-.007-1.683a21%2021%200%200%200%201.666-.716c.719-.338%201.441-1.045%201.747-1.71c.437-.955.468-1.675.123-2.84c-.302-1.022-.31-1.373-.042-1.805c.087-.141.154-.22.14-.28c-.023-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393%201.413-.05%202.481c.377%201.175.267%202.047-.344%202.724c-.274.303-.81.598-1.364.75c-.55.151-2.108.153-2.727.003c-1.145-.278-1.793-.916-1.933-1.904c-.072-.51-.015-.896.255-1.713c.268-.814.292-1.574.064-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05%201.668c-.288.86-.34%201.448-.19%202.127c.22.988.767%201.76%201.647%202.326l.111.072c.6.386%201.064.685%201.936.816m-.603%205.423h-3.01v1.204h3.01zm6.624%200h-3.01v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624%200h-3.01v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624%200h-3.01v1.205h3.01zm-5.988-2.585c.38.021%201.043-2.058%201.168-2.52c.02.057.059.196.11.384c.202.736.604%202.203.88%202.203a29%2029%200%200%200%201.388-.727c.011-.01-.385-.772-.88-1.694l-.935-1.853h-1.126L10.31%207.678l-.897%201.684l.676.327c.371.18.706.33.743.331%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%22M6.349%203A3.35%203.35%200%200%200%203%206.35v11.303A3.35%203.35%200%200%200%206.35%2021h11.303A3.35%203.35%200%200%200%2021%2017.652V6.349A3.35%203.35%200%200%200%2017.652%203zm4.45%209s.02-.034%200%203.938v3.291h2.408v-3.29c0-.826.004-1.607.007-2.253c.005-.934.009-1.587-.007-1.683a21%2021%200%200%200%201.666-.716c.719-.338%201.441-1.045%201.747-1.71c.437-.955.468-1.675.123-2.84c-.302-1.022-.31-1.373-.042-1.805c.087-.141.154-.22.14-.28c-.023-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393%201.413-.05%202.481c.377%201.175.267%202.047-.344%202.724c-.274.303-.81.598-1.364.75c-.55.151-2.108.153-2.727.003c-1.145-.278-1.793-.916-1.933-1.904c-.072-.51-.015-.896.255-1.713c.268-.814.292-1.574.064-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05%201.668c-.288.86-.34%201.448-.19%202.127c.22.988.767%201.76%201.647%202.326l.111.072c.6.386%201.064.685%201.936.816m-.603%205.423h-3.01v1.204h3.01zm6.624%200h-3.01v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624%200h-3.01v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624%200h-3.01v1.205h3.01zm-5.988-2.585c.38.021%201.043-2.058%201.168-2.52c.02.057.059.196.11.384c.202.736.604%202.203.88%202.203a29%2029%200%200%200%201.388-.727c.011-.01-.385-.772-.88-1.694l-.935-1.853h-1.126L10.31%207.678l-.897%201.684l.676.327c.371.18.706.33.743.331%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/sfi.svg?color=%231a73e8&size=48
