свг отображается черным цветом, при заданном сером
<img class="w-6 h-6 text-gray-400" src="@asset('images/arrow-right.svg')" alt="">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
<path d="M18.284 5.589l.07.057 5.5 5.5.011.013a.503.503 0 01.033.039l-.044-.052A.502.502 0 0124 11.5v.02a.503.503 0 01-.005.052L24 11.5a.502.502 0 01-.089.284l-.013.018a.503.503 0 01-.033.04l-.011.012-5.5 5.5a.5.5 0 01-.765-.638l.057-.07L22.293 12H1a.5.5 0 01-.09-.992L1 11h21.293l-4.647-4.646a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057z" fill-rule="nonzero"/>
</svg>
tailwind, blade
пробовала и внешнему диву ставить - чета как-то не забирает
Попробуй убрать fill='currentColor' у SVG и давать <img> класс fill
Если вы пытаетесь поменять цвет у svg, которая вставлена через тег img, то это у вас никак не получится
каким образом получится?
Для этого svg должен быть в DOM, чтобы иметь доступ в данном случае к currentColor. Чтобы не вставлять целиком, можно использовать use с href
в use href указывается ведь айдишник path? т.е. все-равно свг должен быть в доме?
Просто вставь свг и делай чё хочешь
Обычно это ссылка на symbol, если у вас svg sprite. Но в общем и целом не заморачивайтесь пока об этом, просто выставляйте целиком svg. Когда придёт время и вы поймёте, что этот подход не удобен, прочитаете и найдёте способы удобнее
Обсуждают сегодня