I am using below line of code to show the icon but instead it is showing as a dot. Tried on chrome and edge.

<lightning:icon iconName="utility:warning" alternativeText="Warning!" title="Warning" />

enter image description here

Referring this documentation: https://developer.salesforce.com/docs/component-library/bundle/lightning:icon/example

  • 1
    Is it a LWC? If so it should be <lightning-icon icon-name="utility:warning" alternative-text="Warning!" title="Warning" ></lightning-icon>.
    – RubenDG
    Apr 21, 2021 at 11:15
  • doing it in aura. actions icons are showing up but utility icons are not showing up
    – Akash
    Apr 21, 2021 at 11:19
  • Please provide more details. It might be some styling issue. Apr 21, 2021 at 11:26

1 Answer 1


The markup within which you are showing the icon has had a (max) height set for it (or similar - could be positioning of the elements around it too); by enlarging the image you can see that you are seeing a slice through, about half way up the icon:

Your snippet of icon with my hand-drawn extras

You need to examine the markup around where you insert your image and check what CSS is being applied.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .