CSS-код иконок социльных сетей

@Igorby · Регистрация: 18.01.2016

Есть такие стили для иконок соц. сетей. Например у инстаграма .class:before {content: "\f16d";}
Подскажите такой же код для иконки "Мой Мир".
И вообще где можно ознакомиться ос всем списком?

@mrtoxas · 01.06.2016, 11:34

Для этого нужно подключить иконочный шрифт fontawesome.
Список иконок

@Igorby · 01.06.2016, 11:51 **[ТС]**

Спасибо. Но этот вариант не совсем подходит, так как иконки создаются с помощью html, а нужен именно css-способ.
К тому же иконки "Мой мир", там не найдено.

@mrtoxas · 01.06.2016, 12:08

Приведенная иконка .class:before {content: "\f16d";} это и есть шрифт fontawesome. Если его не подключить, эта иконка не отобразится.
Иконку моего "Мой мир" я не нашел, поэтому можно подключить svg

CSS

.my{
  background:url([url]https://dl.dropboxusercontent.com/u/8618591/mm-logo-black.svg[/url]) no-repeat;
  background-size:30px;
  width:30px;
  height:30px;
}

HTML5

1	<div class="my"></div>

@Fedor92 · 01.06.2016, 14:53

Igorby, иконочные шрифты не заканчиваются на Font Awesome, в сети думаю можно подобрать подходящий, который содержит иконку "Мой мир"... А если нет mrtoxas, подскажет, как сгенерировать свой собственный иконочный шрифт , если что...

@Igorby 1 / 1 / 0 Регистрация: 18.01.2016 Сообщений: 191
		1
	CSS-код иконок социльных сетей 01.06.2016, 11:24. Показов 4131. Ответов 4 Метки нет (Все метки) Есть такие стили для иконок соц. сетей. Например у инстаграма .class:before {content: "\f16d";} Подскажите такой же код для иконки "Мой Мир". И вообще где можно ознакомиться ос всем списком? 0

@mrtoxas Модератор 3824 / 2674 / 1521 Регистрация: 12.07.2015 Сообщений: 6,674 Записей в блоге: 4
	01.06.2016, 11:34	2
	Для этого нужно подключить иконочный шрифт fontawesome. Список иконок 0

@Igorby 1 / 1 / 0 Регистрация: 18.01.2016 Сообщений: 191
	01.06.2016, 11:51 [ТС]	3
	Спасибо. Но этот вариант не совсем подходит, так как иконки создаются с помощью html, а нужен именно css-способ. К тому же иконки "Мой мир", там не найдено. 0

@Fedor92 2961 / 2582 / 1068 Регистрация: 15.12.2012 Сообщений: 9,745 Записей в блоге: 11
	01.06.2016, 14:53	5
	Igorby, иконочные шрифты не заканчиваются на Font Awesome, в сети думаю можно подобрать подходящий, который содержит иконку "Мой мир"... А если нет mrtoxas, подскажет, как сгенерировать свой собственный иконочный шрифт , если что... 0

Опции темы