JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
  <div class="item__icon">
    <i class="icon-time"></i>
  </div>
  <div class="item__title">Свободное время</div>
  <div class="item__desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod perferendis atque ex temporibus</div>
</div>

CSS

.item {
  width: 300px;
  text-align: center;
  border: 1px solid #000;
  padding: 15px;
}

.item__title {
  font-weight: bold;
}

.icon-time {
  display: inline-block;
  background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Simple_icon_time.svg/120px-Simple_icon_time.svg.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}