JSFiddle - React, Tailwind, and code Playground

Font Awesome filled circle with border ------------------- Generate a new icon using Font Awesome's library of icons, to stack icons. Learn how to create a border by stacking three icons, plus learn about colour differences.

by eggleton

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<span class="fa-stack fa-4x">
  <i class="fa fa-circle fa-stack-2x grey"></i>
  <i class="fa fa-circle-thin fa-stack-2x black"></i>
  <i class="fa fa-ellipsis-h fa-stack-1x fa-inverse"></i>
</span>

CSS

.grey {
    color: #777;
}
.black {
    color: #333;
}