Drop-Shadow Css Filter

HTML

<script src="https://use.fontawesome.com/4ecc3dbb0b.js"></script>
<h2>
Drop-Shadow Filter
</h2>
<div>
  <i class="fa fa-pied-piper-alt" aria-hidden="true"></i>
</div>

CSS

div{
  color:#f98654;
  font-size:25em;
  text-align: center;
  /* -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.9)); */
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,.9));
}