1) Используйте свои кнопки
new Swiper('.swiper',{
navigation: {
nextEl: '.custom-next',
prevEl: '.custom-prev',
},
});
Задайте классы custom-next, custom-prev своим кнопкам
2) Можно поменять стандартные иконки через css, в .swiper-button-next:after и .swiper-button-prev:after, задайте своё изображение или текст. По умолчанию swiper использует свой иконочный шрифт. Если хотите просто изменить размер иконки в укажите font-size: значение !important;
!important нужен чтобы применился именно ваш font-size а не стандартный
Ваша ошибка в том что вместо .swiper-button-prev/next:after вы в css используете просто .swiper-button-prev/next