Иконки SVG формата во многом очень удобны при использовании на сайте - имеют малый размер, масштабируются без потери качества, встраиваются в код страниц. SVG иконку можно легко самому нарисовать в векторной программе, например, в CorelDraw. Но если ты новичёк в этом или не умеешь пользоваться графическими программами, то для тебя существуют сервисы, где можно бесплатно скачать SVG картинки и использовать в своих проектах.
Один из таких сервисов - Iconbuddy, содержащий более 216 000 SVG изображений с открытым исходным кодом. Изображения разбиты по темам и имеется возможность поиска (только на английском). Ты можешь загрузить иконку на свой компьютер, отредактировать и настроить её перед загрузкой - изменить цвет и размер, а также посмотерть, как будет выглядеть иконка при использовании в дизайне.
Другие статьи по теме:
Использование SVG в качестве фона в CSS позволяет использовать мощные свойства CSS для определения размера и положения фона. Это значительно упрощает определение размера SVG, поскольку изображение легко масштабируется до размера вашего элемента...
Векторы великолепны и так универсальны. Их можно использовать в вашем пользовательском интерфейсе, чтобы придать ему больше изюминки. Вы можете использовать их на целевой странице, чтобы придать ей глоток свежего воздуха. Их легко размещать на продуктах и мерчендайзинге.
Несколько сооветов, которые помогут вам правильно подобрать графическое изображение, для размещения на сайте...
<animateMotion> предоставляет способ определить, как элемент перемещается по траектории движения. В этой статье Пол Скэнлон делится идеей о том, как использовать это, анимируя гоночные автомобили в бесконечном цикле так же просто, как раз-два-три!
Рассмотрим в этой статье, как сделать фоновые волны на сайте, используя только возможности CSS3 и SVG файл. Т.е. без применения Javascript.
В этом взаимосвязанном мире, где у людей есть множество устройств, обеспечение бесперебойной работы вашего сайта на всех из них — это необходимость, а не опция.
