Можно-ли анимировать прорисовку иконки fontAwesome внутри свойства content тега <i>?

Использую фреймворк quasar с подключенным font-awesome, захотелось сделать прорисовку иконок, но стандартные способы не подходят, т.к. там идёт стилизация тега svg, а в случае с font-awesome происходит отрисовка тега i с классом нужной иконки, внутри которого в content записан идентификатор иконки, соответственно обычный stroke-dasharray и stroke-dashoffset не работает. Подскажите, может кто-то сталкивался с такой проблемой.

Прим HTML: <i class="q-icon fal fa-arrow-alt-right q-tab__icon" aria-hidden="true" role="presentation"> </i> Прим CSS: .fa-arrow-alt-right::before { content: "\f356"; }