Компонент динамического значка загружает один SVG, но не другой ⇐ CSS

[Anonymous]

Использование Astro v 4.8.0
наличие и повторное использование компонента Icon, который загружает значок, находящийся в библиотеке public/icons, и когда я передаю имя, он включает имя файла и отображает значок .
теперь проблема в том, что один значок SVG загружается, а другой не загружается, и если мы вставим его напрямую,
AstroIcon.astro файл

Код: Выделить всё

---
interface Props {
name: string
title: string;
}

const { name, title } = Astro.props;
console.log({name, title})
---

и вот как использовать в Menu.astro[/b]

Код: Выделить всё

    

direct svg insertion


Arrow

icons/arrow.svg

Код: Выделить всё

Arrow

с помощью AstroIcon; первый значок отображается, но второй значок не отображается.
в чем здесь может быть проблема? хотя нам нужно добавить , чтобы получить значение при ссылке на Astro, и удалить при прямой вставке SVg, это всего лишь изменение, которое я внес.
Вот воспроизводимая рабочая демонстрация

Подробнее здесь: https://stackoverflow.com/questions/792 ... -not-other