nowa ikona w social menu

Adres mojej strony to http://niepoprawnaweganka.com/

Pod nagłówkiem po lewej stronie mam social menu, które było już wbudowane w szablon. Zmieniłam sobie tylko ich kolor i wszystko ładnie, ale ostatnia ikonka – gwiazdka – to bloglovin, ale jak widać motyw nie ma wgranego odpowiedniego obrazka, charakterystycznego „b”. Próbowałam go dodać na różne sposoby, ale efekt jest taki, że rozjeżdża mi się strona. Html modyfikowałam w każdą stronę, wiem, że nie powinno się tego aż tak robić, ale dopiero się uczę obsługi. Czy ktoś może mi w tym pomóc?

Korzystam z szablonu Apostrophe, kod wygląda tak:

/* Social menu */
.apostrophe-social {
	color: transparent;
	float: right;
	list-style: none;
	padding: 3px 0;
}

.apostrophe-social li a {
	line-height: 1;
}

.apostrophe-social li a span {
	left: -999em;
	position: absolute;
}

.apostrophe-social li a::before {
	color: #90da9b;
	content: "\f408";
	font-size: 23px;
	font-size: 2.3rem;
	transition: 200ms color ease-in;
}

.apostrophe-social li a[href*="codepen.io"]::before {
	content: "\f216";
}

.apostrophe-social li a[href*="digg.com"]::before {
	content: "\f221";
}

.apostrophe-social li a[href*="dribbble.com"]::before {
	content: "\f201";
}

.apostrophe-social li a[href*="facebook.com"]::before {
	content: "\f203";
}

.apostrophe-social li a[href*="flickr.com"]::before {
	content: "\f211";
}

.apostrophe-social li a[href*="plus.google.com"]::before {
	content: "\f206";
}

.apostrophe-social li a[href*="github.com"]::before {
	content: "\f200";
}

.apostrophe-social li a[href*="instagram.com"]::before {
	content: "\f215";
}

.apostrophe-social li a[href*="linkedin.com"]::before {
	content: "\f208";
}

.apostrophe-social li a[href*="pinterest.com"]::before {
	content: "\f210";
}

.apostrophe-social li a[href*="polldaddy.com"]::before {
	content: "\f217";
}

.apostrophe-social li a[href*="getpocket.com"]::before {
	content: "\f224";
}

.apostrophe-social li a[href*="reddit.com"]::before {
	content: "\f222";
}

.apostrophe-social li a[href*="skype.com"]::before,
.apostrophe-social li a[href*="skype:"]::before {
	content: "\f220";
}

.apostrophe-social li a[href*="stumbleupon.com"]::before {
	content: "\f223";
}

.apostrophe-social li a[href*="tumblr.com"]::before {
	content: "\f214";
}

.apostrophe-social li a[href*="twitter.com"]::before {
	content: "\f202";
}

.apostrophe-social li a[href*="vimeo.com"]::before {
	content: "\f212";
}

.apostrophe-social li a[href*="wordpress.org"]::before,
.apostrophe-social li a[href*="wordpress.com"]::before {
	content: "\f205";
}

.apostrophe-social li a[href*="youtube.com"]::before {
	content: "\f213";
}

.apostrophe-social li a[href$="/feed/"]::before,
.apostrophe-social li a[href$="/feed"]::before,
.apostrophe-social li a[href$="?feed=rss2"]::before {
	content: "\f413";
}

.apostrophe-social li:hover {
	background: none;
}

.apostrophe-social li:hover a::before {
	color: #90da9b;
}

.apostrophe-social li:hover a[href*="codepen.io"]::before {
	color: #252527;
}

.apostrophe-social li:hover a[href*="digg.com"]::before {
	color: #356aa0;
}

.apostrophe-social li:hover a[href*="dribbble.com"]::before {
	color: #ea4c89;
}

.apostrophe-social li:hover a[href*="facebook.com"]::before {
	color: #3b5998;
}

.apostrophe-social li:hover a[href*="flickr.com"]::before {
	color: #ff0084;
}

.apostrophe-social li:hover a[href*="plus.google.com"]::before {
	color: #dd4b39;
}

.apostrophe-social li:hover a[href*="github.com"]::before {
	color: #f5f5f5;
}

.apostrophe-social li:hover a[href*="instagram.com"]::before {
	color: #cc0099;
}

.apostrophe-social li:hover a[href*="linkedin.com"]::before {
	color: #007bb6;
}

.apostrophe-social li:hover a[href*="pinterest.com"]::before {
	color: #cb2027;
}

.apostrophe-social li:hover a[href*="polldaddy.com"]::before {
	color: #bc0b0b;
}

.apostrophe-social li:hover a[href*="getpocket.com"]::before {
	color: #ef4056;
}

.apostrophe-social li:hover a[href*="reddit.com"]::before {
	color: #ff5700;
}

.apostrophe-social li:hover a[href*="skype.com"]::before,
.apostrophe-social li:hover a[href*="skype:"]::before {
	color: #12a5f4;
}

.apostrophe-social li:hover a[href*="stumbleupon.com"]::before {
	color: #eb4924;
}

.apostrophe-social li:hover a[href*="tumblr.com"]::before {
	color: #32506d;
}

.apostrophe-social li:hover a[href*="twitter.com"]::before {
	color: #00aced;
}

.apostrophe-social li:hover a[href*="vimeo.com"]::before {
	color: #aad450;
}

.apostrophe-social li:hover a[href*="wordpress.org"]::before,
.apostrophe-social li:hover a[href*="wordpress.com"]::before {
	color: #21759b;
}

.apostrophe-social li:hover a[href*="youtube.com"]::before {
	color: #b00;
}

.apostrophe-social li:hover a[href$="/feed/"]::before,
.apostrophe-social li:hover a[href$="/feed"]::before,
.apostrophe-social li:hover a[href$="?feed=rss2"]::before {
	color: #f60;
}

Co w ogóle oznaczają te 'contenty’? Są gdzieś zdefiniowane w innym folderze, czy to jakieś uniwersalne kody?