README.md

Работа с SVG

1. Оптимизация svg

   • Онлайн версия svgomg
   • Node.js версия npm install svgomg (npm)
   • webpack loader npm install svgo svgo-loader --save-dev (svgo-loader)

2. Простые способы вставки:

   • <img src="logo.svg"></img>
   • background-image: url('logo.svg')
   • Генерирование шрифта Fontello

3. Сложные способы вставки:

   • Спрайты - собираем иконки в бандл svg-sprite-loader + Демо
   • <object type="image/svg+xml" data="logo.svg">Логотип</object> - компонентный подход

4. Сладенькое:

   • currentColor
   • SVG Referenced Parameter Variables (ref2)
   • pointer-events
   • Иконка с датой
   • Адаптивные иконки
   • CI Дизайн
   • Изоляция событий

PS:

• Большой справочник по работе с svg https://svgontheweb.com/ru/
• Большой интерактивный учебник работы с svg https://css-tricks.com/lodge/svg/