Lightning Web Component - Icon color , foreground , background - In Salesforce

.html

----------

<template>

<lightning-icon

    icon-name="utility:priority"

    alternative-text="Flag"

    title="Flag"

    class="my-icon1"

>

</lightning-icon>

<lightning-icon

    icon-name="utility:priority"

    alternative-text="Flag"

    title="Flag"

    class="my-icon2"

>

</lightning-icon>

<lightning-icon

    icon-name="utility:priority"

    alternative-text="Flag"

    title="Flag"

    class="my-icon3"

>

</lightning-icon>

<lightning-icon

    icon-name="utility:priority"

    alternative-text="Flag"

    title="Flag"

    class="my-icon4"

>

</lightning-icon>

</template>

.css

--------

.my-icon1 {

    --slds-c-icon-color-foreground-default: green;

    

}//Styling Hooks

.my-icon2 {

    --slds-c-icon-color-foreground-default: yellow;

    

}//Styling Hooks

.my-icon3 {

    --slds-c-icon-color-foreground-default: red;

    

}//Styling Hooks

.my-icon4 {

    --slds-c-icon-color-foreground-default: orange;

    

}//Styling Hooks

SLDS URL : https://www.lightningdesignsystem.com/icons/#utility:priority