nubank logo

nubank from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
nubank
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the nubank logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.28 5.434a4 4 0 0 0-2.944 1.252h-.002q-.08-.003-.162-.002A4.19 4.19 0 0 0 .473 8.94c-.308.6-.423 1.244-.459 1.9c-.032.589 0 1.186 0 1.77v5.652h3.17s.002-2.784 0-5.178c-.001-1.611-.012-3.047 0-3.342c.056-1.394.437-2.305 1.148-3.05c2.359.001 3.886 1.608 3.97 4.167c.02.588.026 3.73.026 3.73v3.673h3.168v-4.965c0-1.5.013-2.8-.092-3.695c-.292-2.5-1.82-4.168-4.124-4.168m8.39.3l-3.166.004v4.965c0 1.501-.013 2.8.092 3.695c.292 2.5 1.82 4.168 4.124 4.168a4 4 0 0 0 2.944-1.252h.002q.081.003.164.002c1.543 0 2.99-.883 3.697-2.255c.309-.6.423-1.245.459-1.9c.032-.59 0-1.187 0-1.77V5.738h-3.17s-.002 2.784 0 5.178c.002 1.611.012 3.047 0 3.342c-.056 1.393-.437 2.305-1.148 3.05c-2.359-.001-3.886-1.609-3.97-4.167a156 156 0 0 1-.028-3.733Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsNubank(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" d="M7.28 5.434a4 4 0 0 0-2.944 1.252h-.002q-.08-.003-.162-.002A4.19 4.19 0 0 0 .473 8.94c-.308.6-.423 1.244-.459 1.9c-.032.589 0 1.186 0 1.77v5.652h3.17s.002-2.784 0-5.178c-.001-1.611-.012-3.047 0-3.342c.056-1.394.437-2.305 1.148-3.05c2.359.001 3.886 1.608 3.97 4.167c.02.588.026 3.73.026 3.73v3.673h3.168v-4.965c0-1.5.013-2.8-.092-3.695c-.292-2.5-1.82-4.168-4.124-4.168m8.39.3l-3.166.004v4.965c0 1.501-.013 2.8.092 3.695c.292 2.5 1.82 4.168 4.124 4.168a4 4 0 0 0 2.944-1.252h.002q.081.003.164.002c1.543 0 2.99-.883 3.697-2.255c.309-.6.423-1.245.459-1.9c.032-.59 0-1.187 0-1.77V5.738h-3.17s-.002 2.784 0 5.178c.002 1.611.012 3.047 0 3.342c-.056 1.393-.437 2.305-1.148 3.05c-2.359-.001-3.886-1.609-3.97-4.167a156 156 0 0 1-.028-3.733Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.28 5.434a4 4 0 0 0-2.944 1.252h-.002q-.08-.003-.162-.002A4.19 4.19 0 0 0 .473 8.94c-.308.6-.423 1.244-.459 1.9c-.032.589 0 1.186 0 1.77v5.652h3.17s.002-2.784 0-5.178c-.001-1.611-.012-3.047 0-3.342c.056-1.394.437-2.305 1.148-3.05c2.359.001 3.886 1.608 3.97 4.167c.02.588.026 3.73.026 3.73v3.673h3.168v-4.965c0-1.5.013-2.8-.092-3.695c-.292-2.5-1.82-4.168-4.124-4.168m8.39.3l-3.166.004v4.965c0 1.501-.013 2.8.092 3.695c.292 2.5 1.82 4.168 4.124 4.168a4 4 0 0 0 2.944-1.252h.002q.081.003.164.002c1.543 0 2.99-.883 3.697-2.255c.309-.6.423-1.245.459-1.9c.032-.59 0-1.187 0-1.77V5.738h-3.17s-.002 2.784 0 5.178c.002 1.611.012 3.047 0 3.342c-.056 1.393-.437 2.305-1.148 3.05c-2.359-.001-3.886-1.609-3.97-4.167a156 156 0 0 1-.028-3.733Z"/></svg>
</template>

CSS

.icon-nubank {
  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%20d%3D%22M7.28%205.434a4%204%200%200%200-2.944%201.252h-.002q-.08-.003-.162-.002A4.19%204.19%200%200%200%20.473%208.94c-.308.6-.423%201.244-.459%201.9c-.032.589%200%201.186%200%201.77v5.652h3.17s.002-2.784%200-5.178c-.001-1.611-.012-3.047%200-3.342c.056-1.394.437-2.305%201.148-3.05c2.359.001%203.886%201.608%203.97%204.167c.02.588.026%203.73.026%203.73v3.673h3.168v-4.965c0-1.5.013-2.8-.092-3.695c-.292-2.5-1.82-4.168-4.124-4.168m8.39.3l-3.166.004v4.965c0%201.501-.013%202.8.092%203.695c.292%202.5%201.82%204.168%204.124%204.168a4%204%200%200%200%202.944-1.252h.002q.081.003.164.002c1.543%200%202.99-.883%203.697-2.255c.309-.6.423-1.245.459-1.9c.032-.59%200-1.187%200-1.77V5.738h-3.17s-.002%202.784%200%205.178c.002%201.611.012%203.047%200%203.342c-.056%201.393-.437%202.305-1.148%203.05c-2.359-.001-3.886-1.609-3.97-4.167a156%20156%200%200%201-.028-3.733Z%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%20d%3D%22M7.28%205.434a4%204%200%200%200-2.944%201.252h-.002q-.08-.003-.162-.002A4.19%204.19%200%200%200%20.473%208.94c-.308.6-.423%201.244-.459%201.9c-.032.589%200%201.186%200%201.77v5.652h3.17s.002-2.784%200-5.178c-.001-1.611-.012-3.047%200-3.342c.056-1.394.437-2.305%201.148-3.05c2.359.001%203.886%201.608%203.97%204.167c.02.588.026%203.73.026%203.73v3.673h3.168v-4.965c0-1.5.013-2.8-.092-3.695c-.292-2.5-1.82-4.168-4.124-4.168m8.39.3l-3.166.004v4.965c0%201.501-.013%202.8.092%203.695c.292%202.5%201.82%204.168%204.124%204.168a4%204%200%200%200%202.944-1.252h.002q.081.003.164.002c1.543%200%202.99-.883%203.697-2.255c.309-.6.423-1.245.459-1.9c.032-.59%200-1.187%200-1.77V5.738h-3.17s-.002%202.784%200%205.178c.002%201.611.012%203.047%200%203.342c-.056%201.393-.437%202.305-1.148%203.05c-2.359-.001-3.886-1.609-3.97-4.167a156%20156%200%200%201-.028-3.733Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nubank.svg?color=%231a73e8&size=48