<header>
  <span>Шапка</span>
</header>
<div class="wrapper">
  <span>Контент</span>
  <span>Контент</span>
  <span>Контент</span>
  <span>Контент</span>
</div>
<footer>
  <span>Подвал</span>
</footer>

#back-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: rgba(238,238,238);
    padding: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
}

#back-top:hover {
    cursor: pointer;
    opacity: .8;
}

#back-top svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
}

$(document).ready(function() {
  // Выводим иконку с помощью скрипта
   $('body').append('<div id="back-top"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="20" x2="12" y2="4"/><polyline points="6 10 12 4 18 10"/></svg></div>');
    // Прячем кнопку
    $("#back-top").hide();

    // Обрабатывает прокрутку страницы вниз
    $(window).scroll(function() {
        if ($(window).scrollTop() > 200) {
	    $('#back-top').fadeIn();
	} else {
	    $('#back-top').fadeOut();
	}
    });

    // Обрабатываем поведение страницы при нажатии на кнопку
    $('#back-top').click(function(e) {
        e.preventDefault();
	$('html, body').animate({scrollTop:0}, '300');
    });
});

// вариант с javascript
// const backTopBtn = document.createElement('div');
// backTopBtn.id = 'back-top';
// backTopBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="20" x2="12" y2="4"/><polyline points="6 10 12 4 18 10"/></svg>';
// backTopBtn.style.display = 'none';
// document.body.appendChild(backTopBtn);

// window.addEventListener('scroll', function() {
//   backTopBtn.style.display = (window.scrollY > 200) ? 'block' : 'none';
// });

// backTopBtn.addEventListener('click', function(e) {
//   e.preventDefault();
//   window.scrollTo({top: 0, behavior: 'smooth'});
// });