【CSS mask-image】SVGなどのアイコン画像の色を変更する方法！

<div id="facebook">&nbsp;</div>

#facebook {
	width:30px;
	height:20px;
	margin: 0 10px;
	-webkit-mask-image: url(images/facebook.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url(images/facebook.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: #fff;
	/*変更したい色をここに書く*/
	background-color: pink;
}