[Feature]: Border

[Faheem-Siddiqi]

Describe

I want to add border to icon but its giving me square border.

Solution

Border to icon, not a square border

Minimal sample repository URL

No response

Additional context

I am using tailwindscss

[nazmulweb]

You can add a border using CSS. Let's say your icon is something like that, and you would like to add a border here. Then use the stroke and stroke-width of CSS in the path tag.

<svg ....> <path d="....."></path> </svg>

path { stroke: red; stroke-width: 1px; }

[Faheem-Siddiqi]

You can add a border using CSS. Let's say your icon is something like that, and you would like to add a border here. Then use the stroke and stroke-width of CSS in the path tag.

<svg ....> <path d="....."></path> </svg>

path { stroke: red; stroke-width: 1px; }

I am asking specifically for React Icons consider
import { CiHeart } from "react-icons/ci";