Как изменить ширину линии значка React?

Я искал простое решение для этого, но не смог найти ничего, что сработало. Я пытаюсь уменьшить ширину линии этих значков React SVG для моей формы ввода и сделать значки тоньше. Это возможно?

Я пытался использовать свойство CSS Stroke и Stroke-Width, но это не сработало.

🤔 А знаете ли вы, что...
CSS Grid и Flexbox - это мощные технологии для создания сложных макетов и выравнивания элементов.

[РЕШЕНО]Перейти к решению

1

9 451

1

Css75481 вопрос Reactjs73808 вопросов Sass3570 вопросов

Решено

Если вы напрямую используете код SVG в качестве компонентов React. Вам нужно будет использовать свойство stroke-width непосредственно в каждом коде SVG на верхнем уровне, где задаются свойства height, width and fill.

Попробуй это:

stroke-width = "1"

Если вы используете React-Icons, вы можете напрямую установить для них className и применить свой CSS в своем файле CSS.

Например:

import { FaBars } from "react-icons/fa";

Затем при использовании установите и примените свой CSS.

<FaBars className = "fa-bars" />

Как изменить ширину линии значка React?

Ответ:

Интересные вопросы для изучения