Skip to content

Commit

Permalink
Social Logos: New logos and various fixes (#37799)
Browse files Browse the repository at this point in the history
* Add SoundCloud logo

* Add Snapchat logo

* Add VK logo

* Add Quora logo

* Add Untappd logo

* Add git logo

* Add Discord logo

* Add Deezer logo

* Add LINE logo

* Add Messenger logo

* Use default (location-agnostic) sort

* Adapt to glob 9+ changes (and go glob.sync)

* Throw some errors

* Add non-zero exit code

* Add updated source files

* Compile a list of official brand links

* Readme tweaks

* Consolidate example CSS file

* Copy example CSS into place

* Adjust readme wording

* Add changelogs

* Bump version

* Add `set -eo pipefail` to build scripts

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/9486798135

Upstream-Ref: Automattic/jetpack@d199bf3
  • Loading branch information
tbradsha authored and matticbot committed Jun 12, 2024
1 parent c568b9d commit 28cee8e
Show file tree
Hide file tree
Showing 12 changed files with 494 additions and 62 deletions.
23 changes: 23 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,25 @@
## [3.1.0-alpha] - unreleased

This is an alpha version! The changes listed here are not final.

### Added
- New icon: `deezer`
- New icon: `discord`
- New icon: `git`
- New icon: `line`
- New icon: `messenger`
- New icon: `quora`
- New icon: `snapchat`
- New icon: `soundcloud`
- New icon: `untappd`
- New icon: `vk`

### Fixed
- Build: Better error handling.
- Build: Ensure consistent filename sort.
- Build: Fonts folder was missing.
- Build: React was missing example CSS file.

## [3.0.2] - 2024-06-05
### Changed
- Updated package dependencies. [#37706]
Expand Down Expand Up @@ -102,6 +124,7 @@

- Build: Refactored (aligned build system with Gridicons).

[3.1.0-alpha]: https://github.com/Automattic/social-logos/compare/v3.0.2...v3.1.0-alpha
[3.0.2]: https://github.com/Automattic/social-logos/compare/v3.0.1...v3.0.2
[3.0.1]: https://github.com/Automattic/social-logos/compare/v3.0.0...v3.0.1
[3.0.0]: https://github.com/Automattic/social-logos/compare/v2.5.9...v3.0.0
25 changes: 5 additions & 20 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,34 +1,17 @@
# Social Logos
A repository of all the social logos used on WordPress.com.

Each logo was pulled from the official branding resource of each service. Branding guidelines were adhered to as much as possible.
Where possible, each logo was pulled from the official branding resource of each service. Branding guidelines were adhered to as much as possible. For your convenience, we've compiled a list of official links [here](./official_links.md).

Some logos include an official alternate version, if it's provided by the guideline resource. Sometimes it is desirable to have a visually consistent row of icons, all enclosed with the same shape. If the guidelines permit it, then an alternate version was created with a 18dp square or 20dp circle.

For example, the Tumblr guidelines state that it's ok to enclose the logo in any shape, so there's an alternate logo with an 18dp square.

Official guideline resources:

- Facebook: https://www.facebookbrand.com
- Twitter: https://about.twitter.com/company/brand-assets
- Instagram: https://www.instagram-brand.com
- LinkedIn: https://brand.linkedin.com
- Google+: https://developers.google.com/+/branding-guidelines and http://gplus-brand.appspot.com
- Pinterest: https://business.pinterest.com/en/brand-guidelines
- Squarespace: http://www.squarespace.com/brand-guidelines/
- reddit: https://www.reddit.com/about/alien/
- Mastodon: https://joinmastodon.org/branding
- Fediverse: https://commons.wikimedia.org/wiki/File:Fediverse_logo_proposal.svg
- Nextdoor: https://about.nextdoor.com/gb/media/
- http://findguidelin.es
- Threads: https://en.wikipedia.org/wiki/File:Threads_(app)_logo.svg
- X: https://about.twitter.com/en/who-we-are/brand-toolkit

## Using the SocialLogo component in your project:

Note that this component requires [react](https://www.npmjs.com/package/react) to be installed in your project.
Note that this component requires [React](https://www.npmjs.com/package/react) to be installed in your project.

SocialLogo renders a single social-logo svg based on an `icon` prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18px, 24px, 36px or 48px.
SocialLogo renders a single social logo SVG based on an `icon` prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18px, 24px, 36px or 48px.

There's a gallery with all the available icons in https://wpcalypso.wordpress.com/devdocs/design/social-logo.

Expand Down Expand Up @@ -64,3 +47,5 @@ So to summarize:
## License

Social Logos is licensed under [GNU General Public License v2 (or later)](./LICENSE.txt).

This license to use the software library does not convey any intellectual property rights to third-party trademarks that may be included in the library. The logos are included with the library solely for the user’s convenience in gathering them all in one place. Before using any trademark, please review the proper usage guidelines of its owner.
75 changes: 75 additions & 0 deletions build/font/codepoints.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
{
"amazon": 62976,
"blogger-alt": 62977,
"blogger": 62978,
"codepen": 61974,
"digg": 61985,
"dribbble": 61953,
"dropbox": 61989,
"eventbrite": 62979,
"facebook": 61955,
"feed": 62483,
"flickr": 61969,
"foursquare": 61990,
"ghost": 63004,
"github": 61952,
"google-plus-alt": 61976,
"google-plus": 61958,
"instagram": 61973,
"linkedin": 61959,
"mail": 62480,
"medium": 63011,
"pinterest-alt": 61968,
"pinterest": 61961,
"pocket": 61988,
"polldaddy": 61975,
"print": 62569,
"reddit": 61986,
"share": 62485,
"skype": 61984,
"spotify": 62741,
"squarespace": 62981,
"stumbleupon": 61987,
"telegram": 62982,
"tumblr-alt": 62983,
"tumblr": 61972,
"twitch": 62742,
"twitter-alt": 61954,
"twitter": 62992,
"vimeo": 61970,
"whatsapp": 62984,
"wordpress": 61957,
"xanga": 62985,
"youtube": 61971,
"behance": 61697,
"google-alt": 61698,
"google": 61699,
"woocommerce": 61700,
"patreon": 61701,
"medium-alt": 61702,
"tiktok-alt": 61703,
"tiktok": 61704,
"link": 61705,
"mastodon": 61706,
"fediverse": 61707,
"nextdoor": 61708,
"threads": 61709,
"x": 61710,
"bluesky": 61711,
"sms": 61712,
"json-feed": 63012,
"microblog": 63013,
"stackexchange": 63014,
"stackoverflow": 63015,
"tripadvisor": 63016,
"deezer": 63017,
"discord": 63018,
"git": 63019,
"line": 63020,
"messenger": 63021,
"quora": 63022,
"snapchat": 63023,
"soundcloud": 63024,
"untappd": 63025,
"vk": 63026
}
85 changes: 85 additions & 0 deletions build/font/social-logos.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added build/font/social-logos.woff2
Binary file not shown.
Loading

0 comments on commit 28cee8e

Please sign in to comment.