A set of social media icons.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
src
.gitignore
README.md
imageset.json
origami.json
package-lock.json
package.json

README.md

Social images Build status

A set of social media icons. These are coloured with the logo colour of the social network.

Usage

As with all image sets, these are available via the Image Service.

To get an social logo from the Image Service, use the following URL (replace the product_source with your product name and icon_name with the icon you want)

https://www.ft.com/__origami/service/image/v2/images/raw/ftsocial:{icon_name}?source={product_source}

So to get a twitter icon: https://www.ft.com/__origami/service/image/v2/images/raw/ftsocial:twitter?source=test

Getting these icons in a different colour/format/size

The Image Service will convert these images on the fly if you pass in the right parameters. To find out more about this, please see the Image Service documentation

Adding or modifying icons

To keep social icons consistent, please follow these guidelines:

  • Icons must be SVG format
  • Icons must represent the brand colours of the social network
  • Icons should have a viewBox of 66x66
  • Icons must be passed through an SVG compressor like SVGOMG
  • File names must be all lower case and hyphenated
    • good twitter.svg, financial-times.svg, yahoo.svg
    • bad Twitter.svg, financialtimes.svdg, yahoo!.svg

Contact

If you have any questions or comments about this component, or need help using it, please either raise an issue, visit #ft-origami or email Origami Support.


Licence

This software is published by the Financial Times under the MIT licence.