Я использовал Значки героев в Next.js приложение, и они удобно упаковывают значки в виде компонентов React.
Одна вещь, которую я хотел сделать, это настроить ширину обводки, чтобы они были тоньше.
Я посмотрел, как это сделать в JSX, может быть, с помощью реквизита, но я не мог найти способ.
Я мог бы импортировать SVG непосредственно с сайта, но мне понравился подход компонентов React.
По какой-то причине я предположил, что установка глобального свойства CSS напрямую не работает, так как оно было жестко запрограммировано в SVG, но на самом деле это сработало:
svg path {
stroke-width: 1;
}Оригинал: “https://flaviocopes.com/react-heroicons-stroke-width/”