sfi logo
sfi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sfi
- 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 sfi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#c44536" fill-rule="evenodd" d="M6.348 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.348 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.65 3zm4.45 9s.02-.034 0 3.938v3.291h2.409v-3.29c0-.826.003-1.607.007-2.253c.005-.934.008-1.587-.007-1.683c.57-.207 1.167-.483 1.666-.716c.718-.338 1.441-1.045 1.746-1.71c.437-.955.469-1.675.124-2.84c-.302-1.022-.311-1.373-.042-1.805c.087-.141.153-.22.14-.28c-.024-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.266 2.047-.345 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.107.153-2.726.003C9.508 9.977 8.86 9.339 8.72 8.35c-.073-.51-.015-.896.254-1.713c.269-.814.292-1.574.065-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.289.86-.341 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.11.072c.6.386 1.065.685 1.936.816m-.602 5.423h-3.01v1.204h3.01zm6.624 0h-3.011v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zM10.83 10.02c.381.021 1.044-2.058 1.168-2.52c.02.057.06.196.11.384c.202.736.605 2.203.881 2.203c.03 0 1.342-.687 1.387-.727c.012-.01-.384-.772-.879-1.694l-.935-1.853h-1.126l-1.128 1.865l-.897 1.684l.676.327c.372.18.707.33.743.331" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSfi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#c44536" fillRule="evenodd" d="M6.348 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.348 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.65 3zm4.45 9s.02-.034 0 3.938v3.291h2.409v-3.29c0-.826.003-1.607.007-2.253c.005-.934.008-1.587-.007-1.683c.57-.207 1.167-.483 1.666-.716c.718-.338 1.441-1.045 1.746-1.71c.437-.955.469-1.675.124-2.84c-.302-1.022-.311-1.373-.042-1.805c.087-.141.153-.22.14-.28c-.024-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.266 2.047-.345 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.107.153-2.726.003C9.508 9.977 8.86 9.339 8.72 8.35c-.073-.51-.015-.896.254-1.713c.269-.814.292-1.574.065-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.289.86-.341 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.11.072c.6.386 1.065.685 1.936.816m-.602 5.423h-3.01v1.204h3.01zm6.624 0h-3.011v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zM10.83 10.02c.381.021 1.044-2.058 1.168-2.52c.02.057.06.196.11.384c.202.736.605 2.203.881 2.203c.03 0 1.342-.687 1.387-.727c.012-.01-.384-.772-.879-1.694l-.935-1.853h-1.126l-1.128 1.865l-.897 1.684l.676.327c.372.18.707.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="#c44536" fill-rule="evenodd" d="M6.348 3A3.35 3.35 0 0 0 3 6.35v11.303A3.35 3.35 0 0 0 6.348 21h11.303A3.35 3.35 0 0 0 21 17.652V6.349A3.35 3.35 0 0 0 17.65 3zm4.45 9s.02-.034 0 3.938v3.291h2.409v-3.29c0-.826.003-1.607.007-2.253c.005-.934.008-1.587-.007-1.683c.57-.207 1.167-.483 1.666-.716c.718-.338 1.441-1.045 1.746-1.71c.437-.955.469-1.675.124-2.84c-.302-1.022-.311-1.373-.042-1.805c.087-.141.153-.22.14-.28c-.024-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393 1.413-.05 2.481c.377 1.175.266 2.047-.345 2.724c-.274.303-.81.598-1.364.75c-.55.151-2.107.153-2.726.003C9.508 9.977 8.86 9.339 8.72 8.35c-.073-.51-.015-.896.254-1.713c.269-.814.292-1.574.065-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05 1.668c-.289.86-.341 1.448-.19 2.127c.22.988.767 1.76 1.647 2.326l.11.072c.6.386 1.065.685 1.936.816m-.602 5.423h-3.01v1.204h3.01zm6.624 0h-3.011v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624 0h-3.011v1.205h3.01zM10.83 10.02c.381.021 1.044-2.058 1.168-2.52c.02.057.06.196.11.384c.202.736.605 2.203.881 2.203c.03 0 1.342-.687 1.387-.727c.012-.01-.384-.772-.879-1.694l-.935-1.853h-1.126l-1.128 1.865l-.897 1.684l.676.327c.372.18.707.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%22%23c44536%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.348%203A3.35%203.35%200%200%200%203%206.35v11.303A3.35%203.35%200%200%200%206.348%2021h11.303A3.35%203.35%200%200%200%2021%2017.652V6.349A3.35%203.35%200%200%200%2017.65%203zm4.45%209s.02-.034%200%203.938v3.291h2.409v-3.29c0-.826.003-1.607.007-2.253c.005-.934.008-1.587-.007-1.683c.57-.207%201.167-.483%201.666-.716c.718-.338%201.441-1.045%201.746-1.71c.437-.955.469-1.675.124-2.84c-.302-1.022-.311-1.373-.042-1.805c.087-.141.153-.22.14-.28c-.024-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393%201.413-.05%202.481c.377%201.175.266%202.047-.345%202.724c-.274.303-.81.598-1.364.75c-.55.151-2.107.153-2.726.003C9.508%209.977%208.86%209.339%208.72%208.35c-.073-.51-.015-.896.254-1.713c.269-.814.292-1.574.065-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05%201.668c-.289.86-.341%201.448-.19%202.127c.22.988.767%201.76%201.647%202.326l.11.072c.6.386%201.065.685%201.936.816m-.602%205.423h-3.01v1.204h3.01zm6.624%200h-3.011v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624%200h-3.011v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624%200h-3.011v1.205h3.01zM10.83%2010.02c.381.021%201.044-2.058%201.168-2.52c.02.057.06.196.11.384c.202.736.605%202.203.881%202.203c.03%200%201.342-.687%201.387-.727c.012-.01-.384-.772-.879-1.694l-.935-1.853h-1.126l-1.128%201.865l-.897%201.684l.676.327c.372.18.707.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%22%23c44536%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.348%203A3.35%203.35%200%200%200%203%206.35v11.303A3.35%203.35%200%200%200%206.348%2021h11.303A3.35%203.35%200%200%200%2021%2017.652V6.349A3.35%203.35%200%200%200%2017.65%203zm4.45%209s.02-.034%200%203.938v3.291h2.409v-3.29c0-.826.003-1.607.007-2.253c.005-.934.008-1.587-.007-1.683c.57-.207%201.167-.483%201.666-.716c.718-.338%201.441-1.045%201.746-1.71c.437-.955.469-1.675.124-2.84c-.302-1.022-.311-1.373-.042-1.805c.087-.141.153-.22.14-.28c-.024-.098-.26-.147-.966-.336c-.625-.167-.625-.167-.736-.019c-.374.496-.393%201.413-.05%202.481c.377%201.175.266%202.047-.345%202.724c-.274.303-.81.598-1.364.75c-.55.151-2.107.153-2.726.003C9.508%209.977%208.86%209.339%208.72%208.35c-.073-.51-.015-.896.254-1.713c.269-.814.292-1.574.065-2.08c-.217-.48-.324-.448-.97-.248l-.136.042l-.784.267l.195.372c.256.488.247.787-.05%201.668c-.289.86-.341%201.448-.19%202.127c.22.988.767%201.76%201.647%202.326l.11.072c.6.386%201.065.685%201.936.816m-.602%205.423h-3.01v1.204h3.01zm6.624%200h-3.011v1.204h3.01zm-6.624-2.41h-3.01v1.205h3.01zm6.624%200h-3.011v1.205h3.01zm-6.624-2.408h-3.01v1.205h3.01zm6.624%200h-3.011v1.205h3.01zM10.83%2010.02c.381.021%201.044-2.058%201.168-2.52c.02.057.06.196.11.384c.202.736.605%202.203.881%202.203c.03%200%201.342-.687%201.387-.727c.012-.01-.384-.772-.879-1.694l-.935-1.853h-1.126l-1.128%201.865l-.897%201.684l.676.327c.372.18.707.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-branded/sfi.svg?color=%231a73e8&size=48
