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!