Ivseti, id не могут дублироваться в рамках одной страницы.
p.s.
Уберите цвет stroke из разметки или используйте currentColor, хоть поудобнее будет.
p.p.s.
И зачем вы дублируете код SVG столько раз? Прочитайте про <use> и переиспользуйте.
Или вынесите иконку в css. Псевдоэлементом и масками. Зачем она вам в разметке? https://codepen.io/noahblon/post/coloring-svgs-in-...
Скорее всего неверные пути к файлам.
Смотрите ошибки на вкладке Console в инструментах разработчика.
Если это так, то читайте https://htmlacademy.ru/blog/articles/links
Если нет, то придётся показать ссылку на сайт. Можно использовать Github Pages.
НО если убрать эти теги, то код все равно будет прекрасно работать.
Не очень понятно, что вы подразумеваете "под убрать эти теги".
Если вы уберете атрибут и оставите разметку как есть, то работать ничего не будет.
Работать оно будет только если input окажется внутри label. Да и то, MDN рекомендует и в этом случае использовать связку по for-id для некоторых читалок.
Давайте попробуем подумать.
Файлы стилей кэшируются браузером.
Если файл один, то он загружается один раз и дальше используется для всех страниц.
Если стили во многом повторяются и пользователь смотрит много страниц, то хорошо один.
Если у страниц вообще разные стили, то каждому свой.
И пачка промежуточных вариантов.
Потому что так работают маски. Через маску вы видите фон.
Отлично, теперь осталось удалить из разметки пустой лишний тег и заменить его на псевдоэлемент.