By inlining SVGs into the HTML using React (rather than passing SVG files to <img> tags)....

• there's no flickering (as icons come in after the rest of the content)
• they can be bundled and delivered with their surrounding components for a clean one-pass render (these SVGs are now effectively JavaScript)
• there's no flickering of icons that pop in afterward
• these icons can change colors smoothly at runtime without requiring further

function **MyIcon**(props) {
	return (
		<svg
			{...props}
			className={**styles**({
				/*...*/
			})}
		>
			<path d="M17.5 ... 25.479Z" />
		</svg>
	);
}

Tech stack rebuild for a new Facebook.com - Facebook Engineering