custom PayPal button html code

I will share with you a professional PayPal button code in html and CSS with icon (font-awesome). look at this code below:
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <button style="font-style: italic;background: white;"><i class="fa fa-paypal" style="color: #012069;"></i><span style="color: #012069;"> pay</span><span style="color: #009cde;">pal</span></button> <button style="color: white ;background:#012069 ;" ><i class="fa fa-paypal"></i></button> html code for PayPal button with anchor
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <button style="font-style: italic;background: white;"><a href="#" style="text-decoration: none;" target="_blank"><i class="fa fa-paypal" style="color: #012069;vertical-align: middle;"></i><span style="color: #012069;"> pay</span><span style="color: #009cde;">pal</span></a></button> html code for PayPal button with custom style CSS
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <style> #paypalbtn{font-style: italic;background: white;border:0; box-shadow: 0 0 3px;padding: 0 7px 0px 7px;; border-radius:4px} i.fa.fa-paypal:hover {transform: rotate(360deg);transition: 0.5s;} </style> <button id="paypalbtn" ><a href="#" style="text-decoration: none;" target="_blank"><i class="fa fa-paypal" style="color: #012069;vertical-align: middle;"></i><span style="color: #012069;"> pay</span><span style="color: #009cde;">pal</span></a></button> Donate button PayPal html code
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <button style="font-style: italic;background: white;"><a href="#" style="text-decoration: none;" target="_blank"><i class="fa fa-paypal" style="color: #012069;vertical-align: middle;"></i><span style="color: #012069;"> pay</span><span style="color: #009cde;">pal</span></a></button>

© Manajmnt code

Share to :

☷✎