Алексей

scrollmagic.io для этого отлично подходит. Пример с svg scrollmagic.io/examples/advanced/svg_drawing.html. На русском можешь тут почитать ScrollMagic – Создание анимации при прокрутке страницы

Попробуй так:

<svg height="16" width="16" version="1.1">
<defs>
  <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="13" y1="20" x2="33" y2="20">
    <stop  offset="0" style="stop-color:#B42E27"/>
    <stop  offset="1" style="stop-color:#F11727"/>
  </linearGradient>
  <path id="petal" fill="url(#SVGID_4_)" stroke="#404041" stroke-miterlimit="10" d="M30,30H16c-1.6,0-3-1.4-3-3V13c0-1.6,1.4-3,3-3h14
    c1.6,0,3,1.4,3,3v14C33,28.6,31.6,30,30,30z"/>
  <symbol id="xxxxx" viewbox="0 0 50 50">
    <use xlink:href="#petal" y="0" x="0"/>
  </symbol>
</defs>
</svg>

<svg height="112" width="64" version="1.1">
	<use xlink:href="custom/img/svg/file.svg#xxxxx"/>
</svg>

SnapSvg TweenMax

Попробуйте TweenMax. Небольшой туториал Twenmax Для анимации path простая либа
lmgonzalves.github.io/segment
Хром отменил поддержку SMIL, так что про него можно забыть.

Вот есть несколько переводов ScrollMagic инструкция – полноэкранное слайдшоу, ScrollMagic – Создание анимации при прокрутке страницы
ScrollMagic это либа от Greensock, так что надо изучить Tweenmax и Timeline, есть небольшой перевод GSAP JS – руководство для начинающих
На английском много инфы по скролл анимациям в этом блоге https://ihatetomatoes.net/blog/
По поводу разбора анимации на сайте Apple есть неплохая статья websitedeconstructions.com/apple-imac-retina

А зачем вобще их копировать? Пропишите пути к bower_components и работайте. В любом случае через bower подключаются библиотеки в которые вносить изменения не рекомендуется.

Для событий, типа кликнул и запустилась анимация, придется писать js. Для событий, типа скроллинга, есть плагины, такие как scrollmagic.io.

Обзор плагинов для анимации при скроллинге. Если есть знания javascript, то советую scrollmagic.io. Это плагин созданный на основе GSAP. На его основе можно создавать любые сложные анимации. Уроки по scrollmagic: ScrollMagic – Создание анимации при прокрутке страницы, ScrollMagic инструкция – полноэкранное слайдшоу,