function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Abhinav TiwariAbhinav Tiwari 

lightning icon background color

Hi,
In my custom lightning component I've added i lightning standard icon inside a slds box, the slds box is of blue color and the lightning icon is of orange color. I am unable to sync both colors, that is make icon color as blue(same as the slds box)

<div class="slds-box slds-theme--alt-inverse slds-text-align--right">
         <div class="slds-text-align--left">
              <lightning:icon iconName="standard:lead" size="small"  />
          </div>  
  </div>

Any suggestions?
NickDzitarsNickDzitars
The code we use is we just give the lightning:icon a class (avatarIconColor for example), then use the following css to change the fill and background color: 
.THIS .avatarIconColor{
     background-color:#0070d2;
 }
.THIS .avatarIconColor svg {
    fill:rgb(255,255,255);
}