I am using lightning:icon as:

<lightning:layout aura:id="uploadProgress" class="slds-hide">
    <lightning:layoutItem class="{!v.showCompleteIcon ? 'slds-show' : 'slds-hide'}" size="12" largeDeviceSize="2" mediumDeviceSize="2" smallDeviceSize="2">
             <lightning:icon iconName="action:approval" size="xx-small" alternativeText="Done" />

This is rendered in oval shape in iPad and even a bit in browsers. Is this some known issue, couldn't find any reference in salesforce forum. Or can there be any workaround?


This looks like a SLDS bug: I noticed that the "oval shape" issue happens if you use lightning:icon and scale it below size="small"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.