SVG иконки популярных брендов и соцсетей

SVG иконки популярных брендов и соцсетей

Веб-дизайнерам на заметку! Да и прочим веб-разработчикам тоже. Я нашел отличный сайт Simple Icons, где можно скачать более 300 иконок популярных брендов и соцсетей в формате SVG. Естественно, все это добро абсолютно бесплатно. Халява, сэр!

Все иконки представлены на цветных плашках. Цвет выбран не абы как. Это шестнадцатеричный формат цвета (HEX), соответствующий реальным иконкам. Очень удобно. Можно и иконку скачать и сразу цвет ей нужный добавить. По-умолчанию все иконки черные. Чтобы поменять цвет, достаточно открыть SVG файл с иконкой в любом текстовом редакторе и добавить нужное значение цвета.

Например, возьмем иконку Pinterest. Вот ее код:

<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="... тут много всяких циферок ..." fill-rule="nonzero"/></svg>

Все, что нужно, это дописать в коде отображение цвета style="fill:#BD081C;"

<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="... тут много всяких циферок ..." style="fill:#BD081C;" fill-rule="nonzero"/></svg>

Enjoy!

27.04.2017

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Загрузка...

Похожие записи:

Подпишитесь на рассылку блога Вебсовет, чтобы первыми получать самые интересные материалы:

Оставить комментарий: