JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<script src="https://use.fontawesome.com/843dd8b8c2.js"></script>
<div class="round">
  <span>
   <i class="fa fa-creative-commons" aria-hidden="true"></i>
  </span>
</div>

CSS

.round{
    background: #ccc;
    padding: 7px 3px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 100%;
    display: inline-block;
}
.round span {
    margin: 4px;
}