import LockIcon from "../assets/lock.svg"
// and then render it as:
<LockIcon color={theme.colors.text.primary} />
// and then in lock.svg I just add fill="currentColor" in the svg tag.
Чтобы установить цвет иконки, указанный в пропсе color
, в SVG-файле lock.svg
, к тегу <svg>
добавляется атрибут fill="currentColor"
. Значение currentColor
означает, что цвет будет взят из текущего контекста, в данном случае он будет взят из переданного цвета color
для компонента LockIcon
. Таким образом, в итоге, иконка будет отображена с цветом, указанным в пропсе color
, благодаря использованию атрибута fill="currentColor"
в SVG-файле lock.svg
.