-
Notifications
You must be signed in to change notification settings - Fork 934
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update social icons #4872
Update social icons #4872
Conversation
| @@ -67,7 +67,7 @@ | |||
| "test:unit": "gulp unitTests", | |||
| "version": "gulp release", | |||
| "watch": "gulp watch", | |||
| "fix:icons": "npx svgo --folder ./packages/usa-icon/src/img/uswds-icons -q && npx svgo --folder ./packages/usa-icon/src/img/material-icons -q && npx svgo --folder ./packages/usa-icon/src/img/usa-icons-bg -q && npx svgo --folder ./packages/usa-icon/src/img/usa-icons -q", | |||
| "fix:icons": "npx svgo --folder ./packages/usa-icon/src/img/uswds-icons -q && npx svgo --folder ./packages/usa-icon/src/img/usa-icons-bg -q", | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I also updated this script so it points to the proper directories. We no longer keep material icons in our package
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to me!
I checked the display of the new icons on the following browsers and all are presenting with a quality similar to previous versions:
- iOS safari
- Chrome
- Firefox
- Safari


Add LinkedIn icon. We now have a LinkedIn icon included in our default icon sprite as
linkedin.Problem statement
Our social media icon set was missing the LinkedIn icon. Additionally, the social media icons we delivered were optimized for consistent presentation in our footer, inside a circular button. Since our footer is not the only place social media icons might be used, we should remove the circular outline around the images, since we do not want to imply that the circle is part of the icon itself.
How to test
linkediniconExamples
New Instagram icon in our Icons component
All social icons in the footer
Note that this a is just an example. This PR does not add social media icons to the footer.