Skip to main content


According to the W3C specification, you only need to add the <title> and <desc> tags to the svg component. With this in mind, the title and desc props were added to support icon accessibility.

Alternatively you can add icon accessibility as suggested by Bootstrap Icons


<Tools  title="Tools Icon"  desc="Example of a tools icon"/>
<Tools  role="img"  aria-label="Tools Icon"/>