banner2_1

The Salesforce lightning component design framework provides animated icons with different states that we can use in our lightning component.

“lightning:dynamicIcon” displays the dynamic icons that represent an event that’s in progress.

Here are some examples:

ellie

<aura:component>
<lightning:dynamicIcon type="ellie" alternativeText="Ellie image"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

eq

<aura:component>
<lightning:dynamicIcon type="eq" option="play" alternativeText="chart loding in progress"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

strenth

<aura:component>
<lightning:dynamicIcon type="strength" option="2" alternativeText="Strength"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

waffle

<aura:component>
<lightning:dynamicIcon type="waffle" alternativeText="Application launcher"/>
</aura:component>
view raw gistfile1.txt hosted with ❤ by GitHub

Attributes:

attribute

https://gist.github.com/arun12209/79c02d764b08592c03421cb7ea1ef769.js

References:

 

Thanks

Arun Kumar