Iconpack with brands of brazilian banks enrolled in FEBRABAN.
We currently have about 150 banking institutions registered with FEBRABAN. The purpose of this library is to allow people working on banking platforms to be able to easily display the brand of these institutions when necessary.
With NPM
npm install react-br-bank-icons --save
You can see the name
and bankId
of available icons in ICONLIST. To see all banks enrolled in FEBRABAN, go to BANKLIST.
You can define your icon size with the size
prop. However, some logos don't behave well in small sizes, and we don't have any perspective in making smallsize-proof icons. Proceed with caution.
You can also define the border radius of the icon, with the borderRadius
prop. The default value is 2
, and means a border-radius of 2px
in a icon with a size of 24px
.
<BankIcon name="itau" size="24" />
<BankIcon bankId={341} size="24" />
<BankIcon name="itau" size="24" />
You can define a specific color for the icon, and the library will use a mono version of it. You can use:
color="#F4F6F8"
color='red'
color="rgba(244,22,234,3)"
<BankIcon color="#FF0000" name="itau" size="24" />
If no valid bankName
or bankId
is given, the component will render a generic bank icon. If you inform a color
, the fallBack
icon will be rendered with the informed color.
If you have any issues with this library, please open an issue.
borderRadius
propsize
Propgit checkout -b feature/fooBar
)git commit -am 'Add some fooBar'
)git push origin feature/fooBar
)Distributed under the GPL-3.0 license. See LICENSE
for more information.
All brands' copyrights goes to their respective legal owners.