<div class="badge-parent">
    <span class="material-icons"> shopping_cart </span>
    <div class="badge-with-icon">5</div>
</div>

<div class="badge-parent">
    <span class="material-icons"> mail </span>
    <div class="badge-with-icon">45</div>
</div>

<div class="badge-parent">
    <span class="material-icons"> favorite_border </span>
    <div class="badge-with-icon">3</div>
</div>

<div class="badge-parent">
    <span class="material-icons"> notifications_none </span>
    <div class="badge-with-icon">1</div>
</div>