Add TikTok and Instagram Icons Using React-Icons Due to FontAwesome Issue #89
+121
−23
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR addresses an issue encountered when trying to use the TikTok icon in the contact section of a project. Despite other icons loading correctly with Font Awesome, the TikTok icon would not load. To resolve this, I have implemented the TikTok and Instagram icons using the
react-icons
library, which provides a similar design and ensures that all icons are displayed correctly.Changes:
react-icons
library due to loading issues with Font Awesome.Issue Encountered:
While attempting to use the TikTok icon from Font Awesome, I noticed that it would not load, despite other icons (like Facebook and Twitter) loading correctly. This issue seems specific to the TikTok icon, and I am unsure why it is occurring as it doesn't appear to be a replicable problem in other environments.
Implementation:
react-icons
library to implement the TikTok and Instagram icons, ensuring compatibility and a consistent design across all icons.Usage Example:
Motivation:
Given that the TikTok icon did not load correctly with Font Awesome, it was essential to find an alternative that ensured consistency and reliability. The
react-icons
library offers a comprehensive set of icons, including TikTok and Instagram, which can be used seamlessly in place of Font Awesome without sacrificing design quality.Related Issues:
Additional Notes:
react-icons
as a dependency to resolve the issue.Screenshots
By submitting this PR, I am ensuring that users who encounter similar issues with Font Awesome can still implement TikTok and Instagram icons using
react-icons
. This solution provides a consistent and reliable approach to icon management in the contact section.