<!--Carousel Wrapper-->
<div id="carousel-example" class="carousel slide carousel-fade" data-ride="carousel">
    <!--Indicators-->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example" data-slide-to="1"></li>
        <li data-target="#carousel-example" data-slide-to="2"></li>
        <li class="carousel-play-pause">
            <i class="mdi mdi-pause pause" aria-hidden="true"></i>
            <i class="mdi mdi-play play" aria-hidden="true"></i>
        </li>
    </ol>
    <!--/.Indicators-->
    <!--Slides-->
    <div class="carousel-inner" role="listbox">
        <!--First slide-->
        <div class="carousel-item active">
            <img src="https://mdbootstrap.com/img/Photos/Slides/img%20(18).jpg" alt="First slide">
        </div>
        <!--/First slide-->
        <!--Second slide-->
        <div class="carousel-item">
            <img src="https://mdbootstrap.com/img/Photos/Slides/img%20(19).jpg" alt="Second slide">
        </div>
        <!--/Second slide-->
        <!--Third slide-->
        <div class="carousel-item">
            <img src="https://mdbootstrap.com/img/Photos/Slides/img%20(20).jpg" alt="Third slide">
        </div>
        <!--/Third slide-->
    </div>
    <!--/.Slides-->
    <a class="carousel-control-prev" href="#carousel-example" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carousel-example" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

Based on the version from MDB (https://mdbootstrap.com/javascript/carousel/)

For the play/pause functionality you need a little custom javascript to make it work

<script>
    // Set the carousel options
    $('.carousel').carousel({
        interval: 2000
    })

    // The custom javascript for the play/pause functionality
    $('.carousel-play-pause').on('click', '> i', function() {
        if ($(this).hasClass("play")) {
            $('.carousel').carousel("cycle");
            $(this).hide();
            $(".pause").show();
        } else {
            $('.carousel').carousel("pause");
            $(this).hide();
            $(".play").show();
        }
    });
</script>