I am totally new to the web development. Here I have this icon:

[![Image Icon](https://i.stack.imgur.com/d9gAe.png)](https://i.stack.imgur.com/d9gAe.png) 

I am using Font Awesome, and there is no icon that matches that, so I am trying to make a icon using the following way:

```html
<td>
   <div style={positionOf}>
      <i class="fa fa-envelope"></i>
      <i class="fa fa-check-circle" aria-hidden="true"></i>
   </div>
</td>

```

```css
{
   top: 0.3em;
   position: absolute;
}

```

Here I am trying `position : absolute` to the second icon and relative to the first one.

So, but this is not working.
Can any one help me with this ?

Thanks.