How to create disabled state of the font awesome icons?

Question

I am using font awesome icons and I need to have a disabled state of the icons. is there any way to do this. I am also using bootstrap.

This is how I am using icons.

Answer 1

Write a custom class for disabled

Something like

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

Adding cursor type is important for users experience.