How to use the Santander icon
import { SantanderLogo } from "@/assets/icons/santanderLogo"
export default function Example() {
return <SantanderLogo width="32px" height="32px" />
}Brands icon
Santander JSX Icon
Copy the Santander icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentSantanderLogo
FilesantanderLogo.jsx
CategoryBrands
Copy-ready code
Santander React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/santander/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const SantanderLogo = ({ width = "40px", height = "40px", color = "#EC0000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 400 90" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M-137.259 287.823c-.278 2.46-.162 5.098.546 7.228.953 2.869 2.27 4.937 7.124 11.25 5.121 6.663 6.76 9.078 7.979 12.533.996 2.825 1.017 4.457.59 7.02 4.486.855 11.84 3.238 16.77 6.194 4.572 2.812 7.897 6.458 9.114 9.995.72 2.093.69 5.336-.073 7.365-.734 1.948-1.74 3.575-3.225 5.201-5.902 6.465-17.587 11.108-31.662 12.586-3.114.327-10.744.56-13.361.408-18.803-1.095-33.923-7.59-38.226-16.419-1.79-3.671-1.745-6.832.14-10.463 1.556-2.993 5.818-6.693 10.83-9.408 4.823-2.321 9.35-4.056 14.202-5.421.236 3.168 6.41 10.74 8.453 13.42 4.457 5.834 6.22 8.616 7.479 10.844.756 1.338 1.183 2.193.97 4.74 0 0 1.715-1.552 2.361-2.87.838-1.707 1.136-3.438.975-5.663-.194-2.68-.649-4.321-1.93-6.944-1.244-2.55-3.03-5.13-6.423-9.294-4.791-5.88-6.565-9.111-7.297-13.307-.813-4.657.496-9.607 3.178-12.019.583-.524 1.522-1.035 1.522-1.035s-.08 1.2-.08 2.564c0 2.885.329 4.387 1.436 6.584 1.374 2.728 3.275 5.28 9.107 12.219 5.16 6.141 6.764 9.261 6.764 13.16l.002 1.88s1.363-1.04 1.994-1.994c2-3.02 2.318-7.731.795-11.905-1.044-2.86-2.736-5.464-7.739-11.751-5.093-6.4-7.23-11.528-7.23-15.801 0-4.274.928-8.35 4.915-10.897" transform="translate(184.652 -280.175)scale(.98661)"/><g><path d="M-41.591 350.746c.115-1.427.006-2.832-.15-3.581-.613-2.946-2.786-5.906-5.934-8.082-.954-.66-3.82-2.145-6.785-3.515-5.94-2.747-7.608-3.738-9.086-5.396-1.449-1.625-1.984-3.068-1.998-5.386-.01-1.542.078-2.009.577-3.098 1.615-3.521 5.65-5.395 10.342-4.8 2.766.35 4.216.968 5.846 2.493 1.704 1.594 2.572 3.441 3.042 6.474l.14 1.709h2.563l-.213-11.751-.855-.214c-.646-.161-4.904-.971-7.158-1.256-3.366-.424-4.73-.474-6.71-.246-3.838.442-7.012 1.899-9.407 4.316-2.439 2.462-3.622 5.075-3.806 8.403-.189 3.414.9 6.24 3.34 8.664 2.047 2.034 2.92 2.56 9.246 5.569 8.096 3.85 9.928 4.988 11.156 7.881 1.065 2.51 1.143 5.33.04 7.585-2.82 5.764-11.693 7.267-17.216 2.923-2.062-1.622-3.574-4.079-4.066-6.608l-.26-1.336h-2.187l.39 11.251s4.205 1.13 6.165 1.34c1.482.157 2.958.443 4.448.443 2.991 0 4.378.392 7.478-.641 3.205-1.069 10.256-3.205 11.058-13.14M-21.881 332.265c3.418 0 6.41 1.495 7.83 3.702 1.343 2.087 1.357 3.88 1.357 5.058v16.238c0 1.923 1.394 2.543 3.404 1.867l1.51-.585v2.137l-7.48 3.268c-.868.387-1.461-.497-1.876-2.13l-.472-1.566-1.244.972c-1.76 1.376-4.098 2.66-7.516 2.66-3.227.014-5.342-.427-7.44-3.775-.983-1.934-1.089-4.535-.26-6.41.96-2.173 2.862-3.287 10.85-6.376l5.396-2.027v-1.496c0-5.555-1.495-7.264-3.418-8.332-1.547-.86-3.6-.637-5.555.64-1.618 1.057-2.109 2.84-1.278 4.671.642 1.414.421.97.421 1.015l-4.387 2.317s-.758-1.299-.975-2.01c-1.007-3.302.286-5.165 5.242-7.892 2.59-1.426 4.114-1.946 5.89-1.946m4.06 15.383s-7.032 2.969-8.382 3.656c-1.08.55-2.317 1.53-2.73 2.327-.535 1.037-.446 2.932.215 4.06.62 1.058 1.37 1.922 2.35 2.35.352.154 1.528.423 2.35.427 1.668.01 3.425-.689 5.22-2.18l.976-.811zM4.186 332.265v5.748l1.469-1.388c3.183-3.01 6.222-4.36 8.573-4.36 5.341 0 10.256 4.7 10.042 11.324v15.383c0 1.71.427 2.778 2.137 2.778h2.777v2.137H14.441v-2.137h2.137c1.71 0 2.35-1.068 2.35-2.778V343.59c0-3.205-1.176-4.808-2.136-5.77-1.282-1.281-2.84-1.642-5.128-1.495-1.778.114-3.598 1.054-5.689 2.744l-1.362 1.102v19.87c0 1.07.427 1.71 1.496 1.71h2.777v2.137H-5.643v-2.137h1.923c1.71 0 2.991-1.068 2.991-2.778V342.52c0-4.273-1.282-5.555-4.914-3.632v-2.283c2.35-.708 6.624-2.845 8.974-4.34zM45.422 363.887c1.923 0 2.375-.214 4.167-1.726l3.525-2.975-.854-1.496-1.572.838c-2.348 1.25-4.197 1.513-6.547.444-2.003-.91-3.205-4.06-3.205-5.768v-17.3l9.828-.007 1.068-2.991H40.936v-9.829h-1.069c-2.564 4.7-6.41 9.188-11.11 11.965v.855h6.837v17.307c0 4.06 1.496 7.05 3.846 8.76 2.23 1.622 3.632 1.923 5.982 1.923M68.07 332.265c3.42 0 6.41 1.495 7.83 3.702 1.344 2.087 1.358 3.88 1.358 5.058v16.238c0 1.923 1.394 2.543 3.404 1.867l1.51-.585v2.137l-7.48 3.268c-.868.387-1.461-.497-1.876-2.13l-.472-1.566-1.244.972c-1.76 1.376-4.098 2.66-7.516 2.66-3.227.014-5.342-.427-7.44-3.775-.983-1.934-1.089-4.535-.26-6.41.96-2.173 2.862-3.287 10.85-6.376l5.396-2.027v-1.496c0-5.555-1.495-7.264-3.418-8.332-1.547-.86-3.6-.637-5.555.64-1.618 1.057-2.109 2.84-1.278 4.671.642 1.414.421.97.421 1.015l-4.387 2.317s-.758-1.299-.975-2.01c-1.007-3.302.286-5.165 5.242-7.892 2.59-1.426 4.114-1.946 5.89-1.946m4.06 15.383s-7.031 2.969-8.381 3.656c-1.08.55-2.317 1.53-2.73 2.327-.535 1.037-.446 2.932.215 4.06.62 1.058 1.37 1.922 2.35 2.35.352.154 1.528.423 2.35.427 1.667.01 3.425-.689 5.22-2.18l.976-.811zM94.138 332.265v5.748l1.468-1.388c3.184-3.01 6.223-4.36 8.574-4.36 5.341 0 10.255 4.7 10.042 11.324v15.383c0 1.71.427 2.778 2.136 2.778h2.778v2.137h-14.743v-2.137h2.137c1.71 0 2.35-1.068 2.35-2.778V343.59c0-3.205-1.176-4.808-2.136-5.77-1.282-1.281-2.841-1.642-5.128-1.495-1.778.114-3.598 1.054-5.69 2.744l-1.361 1.102v19.87c0 1.07.427 1.71 1.495 1.71h2.778v2.137H84.31v-2.137h1.923c1.71 0 2.991-1.068 2.991-2.778V342.52c0-4.273-1.282-5.555-4.914-3.632v-2.283c2.35-.708 6.624-2.845 8.974-4.34zM157.595 360.254v-2.136c-2.35 1.068-3.418 1.068-4.222.524-1.151-.779-1.12-2.234-1.12-2.234v-47.005h-.64c-3.093 1.96-6.837 3.846-10.042 4.914v2.35c1.709-.64 2.988-.98 4.06-.427.7.386 1.067.855 1.067 1.923v15.975l-1.254-.507c-2.518-1.017-3.818-1.253-6.865-1.247-2.55.005-3.083.072-4.598.578-7.026 2.346-11.521 9.209-11.151 17.024.212 4.47 1.506 7.98 4.425 10.482 2.991 2.564 5.555 3.419 8.547 3.419 4.06 0 6.412-.81 9.353-2.807.903-.612 1.757-1.253 1.757-1.253.214 2.137.735 3.419 1.496 4.487zm-22.15-.382c-3.992-1.426-6.893-6.348-7.268-12.33-.468-7.478 3.677-12.713 10.066-12.713 2.684 0 4.746.735 7.23 2.58l1.23.913-.111 19.202-1.37.829c-2.33 1.409-3.455 1.74-6.215 1.832-1.997.066-2.665.007-3.562-.313M180.564 363.566c1.776-.47 4.166-1.389 6.944-3.098v-2.137c-2.35 1.71-6.075 2.772-9.401 2.778-3.61.006-6.41-1.068-8.333-3.205-2.837-3.152-3.632-5.769-4.123-12.179h22.498s0-3.205-1.282-6.196c-.879-2.05-1.71-3.632-4.06-5.128-2.2-1.4-5.171-1.994-7.691-2.01-2.622-.017-3.028.033-4.452.553-6.652 2.428-11.179 9.318-10.624 16.167.537 6.626 4.408 11.938 10.253 14.07 2.587.944 7.472 1.127 10.271.385m-12.286-26.387c1.496-1.496 3.205-2.35 5.983-2.35 2.564 0 4.273.64 5.983 2.35 1.281 1.282 1.922 2.35 2.196 5.982h-16.784c.272-2.564 1.127-4.487 2.622-5.982M200.755 332.265v7.05c1.124-1.934 2.137-3.204 4.06-5.127 1.483-1.484 3.418-1.923 4.914-1.923 1.068 0 3.846.854 3.846.854v6.41h-1.068c-.428-1.71-1.923-2.564-4.06-2.564-2.778 0-4.594 1.122-5.716 2.805-1.121 1.682-1.549 2.537-1.549 6.169v14.102c0 1.068.428 1.709 1.496 1.709h2.778v2.137h-14.53v-2.137h1.924c1.709 0 2.99-1.068 2.99-2.778V342.52c0-4.7-1.708-4.486-4.7-3.205v-2.136c2.778-1.068 6.197-2.564 8.76-4.914z" transform="translate(184.652 -280.175)scale(.98661)"/></g>
</svg>
)
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.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Related JSX icons
FAQ
Is the Santander 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.