html - How to customize PayPal button using script?

Question

I am new with PayPal integration and setting and trying to customize the PayPal button in the below script.

<script src="https://www.paypal.com/sdk/js?client-id=sb"> // Required. Replace SB_CLIENT_ID with your sandbox client ID.
</script>
<div id="paypal-button-container"></div>
<script>
    paypal.Buttons({
        style: {
            layout: 'horizontal',
            color: 'gold',
            shape: 'pill',
            label: 'paypal'
        },
        createOrder: function (data, actions) {
            // This function sets up the details of the transaction, including the amount and line item details.
            return actions.order.create({
                purchase_units: [{
                    amount: {
                        value: '0.01'
                    }
                }]
            });
        }
    }).render('#paypal-button-container');
</script>

In their document, there is a PayPal icon before texting in the button which I am not getting so can you please guide me why I am not getting it.

Output of above code

https://developer.paypal.com/docs/checkout/integration-features/customize-button/#layout

question from:https://stackoverflow.com/questions/65883894/how-to-customize-paypal-button-using-script

Answer 1

In their document, there is a PayPal icon before texting in the button which I am not getting so can you please guide me why I am not getting it.

The document is out of date. The first button (PayPal) no longer includes a logo as of several months ago.

You are seeing the current and correct behavior.