FortAwesome / Font-Awesome

The iconic SVG, font, and CSS toolkit
https://fontawesome.com
Other
73.5k stars 12.2k forks source link

Bug: `thumb-tack` icon doesn't exist but is defined in `IconName` #20143

Open nick-heard opened 6 months ago

nick-heard commented 6 months ago

Bug description

the icon thumb-tack doesn't exist but is declared under IconName. If you attempt to use thumb-tack it won't show up and if you attempt to build you will get an error that it is missing. The correct icon is thumbtack without the -

import {regular} from "@fortawesome/fontawesome-svg-core/import.macro";
import {FontAwesomeIcon } from '@fortawesome/react-fontawesome'

const myIcon = () => <FontAwesomeIcon icon={regular('thumb-tack')  />

Reproducible test case

No response

Screenshots

No response

Font Awesome version

6.5.1

Serving

Self-hosted

Implementation

SVG+JS

Browser and Operating System

Web bug report checklist

tagliala commented 6 months ago

Hi!

Thanks for being part of the Font Awesome Community.

I'm not a react developer, but from what I can see from the documentation, thumb-tack is an alias and it is correct to use thumbtack without the dash

image

https://fontawesome.com/icons/thumbtack?f=classic&s=solid

Also, in the docs there is a suggestion to switch to icon: https://fontawesome.com/docs/web/use-with/react/add-icons#add-individual-icons-explicitly

Please let me know if this helps