Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

////
/// @group o-ft-icons
/// @link http://registry.origami.ft.com/components/o-ft-icons
////

/// Silent mode
/// @type Bool
$o-ft-icons-is-silent: true !default;

/// Icon colors
/// @type List
$o-ft-icons-icon-colors: (
	'black',
	'grey-tint5',
	'grey-tint3',
	'grey-tint1',
	'white',
	'blue',
	'section-purple',
	'claret',
	'red',
	'orange'
) !default;

/// Icon grid sizes
/// @type Map
$o-ft-icons-icon-sizes: (
	'xs': 16,
	's':	24,
	'm':	32,
	'l':	48,
	'xl': 64
) !default;

/// Icons
/// @type List
$o-ft-icons-icon-names: (
	'arrow-down',
	'arrow-downwards',
	'arrow-left',
	'arrow-right',
	'arrow-up-down',
	'arrow-up',
	'arrow-upwards',
	'clippings',
	'comment',
	'cross',
	'email',
	'eye',
	'font-size',
	'gift',
	'hamburger',
	'more',
	'printer',
	'profile',
	'refresh',
	'search',
	'section-arts',
	'section-blogs',
	'section-business-education',
	'section-business-life',
	'section-columnists',
	'section-companies',
	'section-ftfm',
	'section-house-and-home',
	'section-leader-and-letters',
	'section-lex',
	'section-magazine',
	'section-markets-data',
	'section-markets',
	'section-money',
	'section-special-report',
	'section-uk',
	'section-world',
	'settings',
	'share',
	'sign-in',
	'sign-out',
	'social-email',
	'social-facebook',
	'social-linkedin',
  'social-pinterest',
	'social-twitter',
	'speechbubble',
	'subscribe',
	'thumb-up',
	'tick',
	'warning'
);

/// Have the base styles already been output?
///
/// @access private
/// @type Bool
$_o-ft-icons-base-styles-already-output: false !default;

@function _oFtIconsColorVariationBackgroundPositionY($color) {
	$color-index: index($o-ft-icons-icon-colors, $color);

	@if ($color-index) {
		@return percentage((1 / length($o-ft-icons-icon-colors)) * $color-index);
	}

	@error "Icon color variation '#{$color}' is not configured.";
}

@function _oFtIconsImageServiceUrl($icon-name) {
  @return "https://image.webservices.ft.com/v1/images/raw/fticon:#{$icon-name}";
}

@function _oFtIconsImageServiceFallbackUrl($icon-name, $icon-size: 60) {
  @return "#{_oFtIconsImageServiceUrl($icon-name)}?width=#{$icon-size}";
}

@mixin _oFtIconsColorVariations() {
	@each $color in $o-ft-icons-icon-colors {
		.o-ft-icon--#{$color} {
			&:before,
			&:after {
				background-position: 0 _oFtIconsColorVariationBackgroundPositionY($color);
			}
		}
	}
}

@mixin _oFtIconsSizeVariations() {
	@each $key, $value in $o-ft-icons-icon-sizes {
		.o-ft-icon--#{$key} {
			&:before,
			&:after {
				width: $value + 0px;
				height: $value + 0px;
				background-size: ($value + 0px) auto;
			}
		}
	}
}

@mixin _oFtIconsIcon($icon-name) {
	.o-ft-icon--#{$icon-name} {
		&:before,
		&:after {
			background-image: linear-gradient(transparent, transparent), url(_oFtIconsImageServiceUrl($icon-name));
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#{_oFtIconsImageServiceFallbackUrl($icon-name)}', sizingMethod='scale')";
		}
	}
}

@if ($_o-ft-icons-base-styles-already-output == false) {
	.o-ft-icon {
		&:before,
		&:after {
			content: '';
		}
	}

	@include _oFtIconsColorVariations();
	@include _oFtIconsSizeVariations();

	@each $icon-name in $o-ft-icons-icon-names {
		@include _oFtIconsIcon($icon-name);
	}

	$_o-ft-icons-base-styles-already-output: true !global;
}

SassMeister-output.css

.o-ft-icon:before, .o-ft-icon:after {
  content: '';
}

.o-ft-icon--black:before, .o-ft-icon--black:after {
  background-position: 0 10%;
}

.o-ft-icon--grey-tint5:before, .o-ft-icon--grey-tint5:after {
  background-position: 0 20%;
}

.o-ft-icon--grey-tint3:before, .o-ft-icon--grey-tint3:after {
  background-position: 0 30.0%;
}

.o-ft-icon--grey-tint1:before, .o-ft-icon--grey-tint1:after {
  background-position: 0 40%;
}

.o-ft-icon--white:before, .o-ft-icon--white:after {
  background-position: 0 50%;
}

.o-ft-icon--blue:before, .o-ft-icon--blue:after {
  background-position: 0 60.0%;
}

.o-ft-icon--section-purple:before, .o-ft-icon--section-purple:after {
  background-position: 0 70%;
}

.o-ft-icon--claret:before, .o-ft-icon--claret:after {
  background-position: 0 80%;
}

.o-ft-icon--red:before, .o-ft-icon--red:after {
  background-position: 0 90%;
}

.o-ft-icon--orange:before, .o-ft-icon--orange:after {
  background-position: 0 100%;
}

.o-ft-icon--xs:before, .o-ft-icon--xs:after {
  width: 16px;
  height: 16px;
  background-size: 16px auto;
}

.o-ft-icon--s:before, .o-ft-icon--s:after {
  width: 24px;
  height: 24px;
  background-size: 24px auto;
}

.o-ft-icon--m:before, .o-ft-icon--m:after {
  width: 32px;
  height: 32px;
  background-size: 32px auto;
}

.o-ft-icon--l:before, .o-ft-icon--l:after {
  width: 48px;
  height: 48px;
  background-size: 48px auto;
}

.o-ft-icon--xl:before, .o-ft-icon--xl:after {
  width: 64px;
  height: 64px;
  background-size: 64px auto;
}

.o-ft-icon--arrow-down:before, .o-ft-icon--arrow-down:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-down");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-down?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-downwards:before, .o-ft-icon--arrow-downwards:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-downwards");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-downwards?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-left:before, .o-ft-icon--arrow-left:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-left");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-left?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-right:before, .o-ft-icon--arrow-right:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-right");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-right?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-up-down:before, .o-ft-icon--arrow-up-down:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-up-down");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-up-down?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-up:before, .o-ft-icon--arrow-up:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-up");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-up?width=60', sizingMethod='scale')";
}

.o-ft-icon--arrow-upwards:before, .o-ft-icon--arrow-upwards:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:arrow-upwards");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:arrow-upwards?width=60', sizingMethod='scale')";
}

.o-ft-icon--clippings:before, .o-ft-icon--clippings:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:clippings");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:clippings?width=60', sizingMethod='scale')";
}

.o-ft-icon--comment:before, .o-ft-icon--comment:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:comment");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:comment?width=60', sizingMethod='scale')";
}

.o-ft-icon--cross:before, .o-ft-icon--cross:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:cross");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:cross?width=60', sizingMethod='scale')";
}

.o-ft-icon--email:before, .o-ft-icon--email:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:email");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:email?width=60', sizingMethod='scale')";
}

.o-ft-icon--eye:before, .o-ft-icon--eye:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:eye");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:eye?width=60', sizingMethod='scale')";
}

.o-ft-icon--font-size:before, .o-ft-icon--font-size:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:font-size");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:font-size?width=60', sizingMethod='scale')";
}

.o-ft-icon--gift:before, .o-ft-icon--gift:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:gift");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:gift?width=60', sizingMethod='scale')";
}

.o-ft-icon--hamburger:before, .o-ft-icon--hamburger:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:hamburger");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:hamburger?width=60', sizingMethod='scale')";
}

.o-ft-icon--more:before, .o-ft-icon--more:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:more");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:more?width=60', sizingMethod='scale')";
}

.o-ft-icon--printer:before, .o-ft-icon--printer:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:printer");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:printer?width=60', sizingMethod='scale')";
}

.o-ft-icon--profile:before, .o-ft-icon--profile:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:profile");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:profile?width=60', sizingMethod='scale')";
}

.o-ft-icon--refresh:before, .o-ft-icon--refresh:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:refresh");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:refresh?width=60', sizingMethod='scale')";
}

.o-ft-icon--search:before, .o-ft-icon--search:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:search");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:search?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-arts:before, .o-ft-icon--section-arts:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-arts");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-arts?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-blogs:before, .o-ft-icon--section-blogs:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-blogs");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-blogs?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-business-education:before, .o-ft-icon--section-business-education:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-business-education");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-business-education?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-business-life:before, .o-ft-icon--section-business-life:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-business-life");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-business-life?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-columnists:before, .o-ft-icon--section-columnists:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-columnists");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-columnists?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-companies:before, .o-ft-icon--section-companies:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-companies");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-companies?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-ftfm:before, .o-ft-icon--section-ftfm:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-ftfm");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-ftfm?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-house-and-home:before, .o-ft-icon--section-house-and-home:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-house-and-home");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-house-and-home?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-leader-and-letters:before, .o-ft-icon--section-leader-and-letters:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-leader-and-letters");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-leader-and-letters?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-lex:before, .o-ft-icon--section-lex:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-lex");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-lex?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-magazine:before, .o-ft-icon--section-magazine:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-magazine");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-magazine?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-markets-data:before, .o-ft-icon--section-markets-data:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-markets-data");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-markets-data?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-markets:before, .o-ft-icon--section-markets:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-markets");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-markets?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-money:before, .o-ft-icon--section-money:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-money");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-money?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-special-report:before, .o-ft-icon--section-special-report:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-special-report");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-special-report?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-uk:before, .o-ft-icon--section-uk:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-uk");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-uk?width=60', sizingMethod='scale')";
}

.o-ft-icon--section-world:before, .o-ft-icon--section-world:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:section-world");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:section-world?width=60', sizingMethod='scale')";
}

.o-ft-icon--settings:before, .o-ft-icon--settings:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:settings");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:settings?width=60', sizingMethod='scale')";
}

.o-ft-icon--share:before, .o-ft-icon--share:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:share");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:share?width=60', sizingMethod='scale')";
}

.o-ft-icon--sign-in:before, .o-ft-icon--sign-in:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:sign-in");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:sign-in?width=60', sizingMethod='scale')";
}

.o-ft-icon--sign-out:before, .o-ft-icon--sign-out:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:sign-out");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:sign-out?width=60', sizingMethod='scale')";
}

.o-ft-icon--social-email:before, .o-ft-icon--social-email:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:social-email");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:social-email?width=60', sizingMethod='scale')";
}

.o-ft-icon--social-facebook:before, .o-ft-icon--social-facebook:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:social-facebook");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:social-facebook?width=60', sizingMethod='scale')";
}

.o-ft-icon--social-linkedin:before, .o-ft-icon--social-linkedin:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:social-linkedin");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:social-linkedin?width=60', sizingMethod='scale')";
}

.o-ft-icon--social-pinterest:before, .o-ft-icon--social-pinterest:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:social-pinterest");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:social-pinterest?width=60', sizingMethod='scale')";
}

.o-ft-icon--social-twitter:before, .o-ft-icon--social-twitter:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:social-twitter");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:social-twitter?width=60', sizingMethod='scale')";
}

.o-ft-icon--speechbubble:before, .o-ft-icon--speechbubble:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:speechbubble");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:speechbubble?width=60', sizingMethod='scale')";
}

.o-ft-icon--subscribe:before, .o-ft-icon--subscribe:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:subscribe");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:subscribe?width=60', sizingMethod='scale')";
}

.o-ft-icon--thumb-up:before, .o-ft-icon--thumb-up:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:thumb-up");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:thumb-up?width=60', sizingMethod='scale')";
}

.o-ft-icon--tick:before, .o-ft-icon--tick:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:tick");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:tick?width=60', sizingMethod='scale')";
}

.o-ft-icon--warning:before, .o-ft-icon--warning:after {
  background-image: linear-gradient(transparent, transparent), url("https://image.webservices.ft.com/v1/images/raw/fticon:warning");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.webservices.ft.com/v1/images/raw/fticon:warning?width=60', sizingMethod='scale')";
}