Brands icon

Sberbank JSX Icon

Q: Is the Sberbank JSX icon free?

Yes. You can copy the Sberbank JSX component and use it in React and Next.js projects.

Q: Can I customize the Sberbank icon?

Yes. Edit SVG attributes or pass className, width, height and color props depending on the component.

Copy the Sberbank icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons

ComponentSberbankLogo

FilesberbankLogo.jsx

CategoryBrands

Copy-ready code

Sberbank React JSX component

// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/sberbank/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const SberbankLogo = ({ width = "40px", height = "40px", color = "#21A038", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 302 50" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <defs><linearGradient id="a" x1="2.171" x2=".312" y1="13.495" y2="8.081" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".144"/><stop offset=".304"/><stop offset=".582"/><stop offset=".891"/></linearGradient><linearGradient id="b" x1="2.884" x2="7.603" y1="2.286" y2=".474" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".059"/><stop offset=".538"/><stop offset=".923"/></linearGradient><linearGradient id="c" x1="7.424" x2="13.049" y1="14.494" y2="13.213" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".123"/><stop offset=".285"/><stop offset=".869"/></linearGradient><linearGradient id="d" x1="7.561" x2="12.238" y1="1.309" y2="2.764" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".057"/><stop offset=".79"/></linearGradient><linearGradient id="e" x1="2.548" x2="7.572" y1="13.727" y2="15.618" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".132"/><stop offset=".298"/><stop offset=".531"/><stop offset=".802"/><stop offset=".983"/></linearGradient><linearGradient id="f" x1="1.442" x2="3.451" y1="8.327" y2="3.06" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".07"/><stop offset=".26"/><stop offset=".922"/></linearGradient></defs><path d="m135.035 14.434 6.293-4.704h-21.074v28.176h21.074V33.2h-15.055v-7.191h12.868v-4.703h-12.868v-6.871ZM104.332 20.703h-7.3v-6.27h11.679l6.297-4.703H91.012v28.176h12.543c7.027 0 11.086-3.23 11.086-8.855 0-5.395-3.649-8.348-10.309-8.348M103.328 33.2h-6.297v-7.793h6.297c3.832 0 5.61 1.293 5.61 3.922s-1.915 3.871-5.61 3.871M158.39 9.73h-11.449v28.176h6.02v-7.98h5.476c7.297 0 11.86-3.871 11.86-10.098 0-6.226-4.563-10.098-11.906-10.098m-.136 15.493h-5.336v-10.79h5.336c3.879 0 5.976 1.938 5.976 5.395s-2.097 5.395-5.976 5.395M80.7 31.816a10.75 10.75 0 0 1-5.2 1.34c-5.43 0-9.352-3.922-9.352-9.316s3.922-9.317 9.352-9.317c1.96-.043 3.879.602 5.473 1.754l4.336-3.226-.274-.278c-2.508-2.261-5.887-3.414-9.719-3.414-4.148 0-7.937 1.43-10.671 4.012a13.97 13.97 0 0 0-4.2 10.285c-.047 3.918 1.461 7.7 4.2 10.465 2.87 2.723 6.703 4.246 10.628 4.152 4.332 0 8.118-1.523 10.672-4.289l-3.875-2.906ZM242.695 9.777V37.95h6.02V26.422h12.82v11.527h6.024V9.777h-6.024v11.575h-12.82V9.777ZM232.34 37.95h6.34L226.91 9.777h-6.113L208.8 37.95h6.066l2.418-5.672h12.774Zm-13.23-10.375 4.652-11.297 4.379 11.297Zm61.952-1.012h3.739l9.215 11.344h7.754l-12.317-14.574L300.22 9.73h-6.887l-8.941 12.083h-3.329V9.73h-6.023v28.176h6.024ZM188.91 20.75v-6.27h15.738V9.777h-21.761V37.95h12.547c7.023 0 11.086-3.226 11.086-8.851 0-5.395-3.649-8.348-10.313-8.348Zm0 12.496v-7.793h6.297c3.828 0 5.61 1.293 5.61 3.922s-1.872 3.918-5.61 3.918h-6.297ZM41.605 9.547c1.094 1.43 2.008 2.996 2.782 4.656L23.313 29.926 14.46 24.3v-6.73l8.805 5.577Zm0 0"/><path d="M5.473 23.84c0-.324 0-.598.047-.922l-5.336-.277c0 .37-.047.785-.047 1.152a23.48 23.48 0 0 0 6.797 16.555l3.785-3.828a17.82 17.82 0 0 1-5.246-12.68m0 0"/><path d="M23.266 5.855c.32 0 .593 0 .914.047l.273-5.394c-.367 0-.777-.047-1.14-.047-6.387 0-12.18 2.629-16.38 6.871l3.786 3.828c3.195-3.273 7.664-5.305 12.547-5.305m0 0"/><path d="M23.266 41.824c-.32 0-.594 0-.914-.047l-.274 5.395c.367 0 .777.047 1.14.047 6.387 0 12.184-2.63 16.38-6.871l-3.785-3.828c-3.196 3.32-7.622 5.304-12.547 5.304m0 0"/><path d="m33.3 8.992 4.516-3.367c-3.968-3.227-9.03-5.21-14.55-5.21v5.394c3.742.046 7.207 1.199 10.035 3.183m0 0"/><path d="M46.441 23.84c0-1.43-.136-2.813-.367-4.195l-4.972 3.734v.46a17.96 17.96 0 0 1-5.883 13.329l3.601 4.012c4.657-4.242 7.621-10.47 7.621-17.34m0 0"/><path d="M23.266 41.824c-5.246 0-9.946-2.304-13.184-5.949L6.113 39.52c4.242 4.75 10.356 7.699 17.153 7.699Zm0 0"/><path d="M11.36 10.512 7.753 6.5C3.054 10.79.137 16.969.137 23.84h5.336a18.03 18.03 0 0 1 5.886-13.328m0 0"/>
  </svg>
)

How to use the Sberbank icon

import { SberbankLogo } from "@/assets/icons/sberbankLogo"

export default function Example() {
  return <SberbankLogo width="32px" height="32px" />
}

Built for the web

Use it in your stack

This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.

ReactNext.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

.NET

1Password

Abercrombie & Fitch

ABN AMRO

Accenture

AdGuard

Adidas

FAQ

Is the Sberbank JSX icon free?

Yes. You can copy the JSX component and use it in React and Next.js projects.

Can I customize it?

Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.