Remove any BG images etc. from CSS
$(".slider--logos").slick({
arrows: true,
dots: false,
slidesToShow: 5,
slidesToScroll: 1,
prevArrow:
'<button type="button" class="slick-prev"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline fill="none" stroke="#444444" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="34,4 14,24 34,44 " stroke-linejoin="miter"></polyline></g></svg></button>',
nextArrow:
'<button type="button" class="slick-next"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline fill="none" stroke="#444444" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="14,4 34,24 14,44 " stroke-linejoin="miter"></polyline></g></svg></button>'
});