В какой программе обычно рисуют иконки дизайнеры?

мне кажется всё ж в Иллюстраторе удобнее рисовать чем в Фигме. Хотя помню был какой-то хороший плагин, где в отдельном окошке выводилась иконка в 100% размере, жаль не могу его найти(

Как реализовать такие фигуры на SVG?

Да, отрисовывал в illustrator. Но можно тоже самое сделать в Figma

Как сохранить каждый элемент в illustrator?

Если хотите сразу все карточки сохранять скопом не перенося в новый файл. тогда необходимо разнести их на разные артборды. Чтобы их добавить - нажмите Ctrl+Alt+P и далее "Edit Artboards"и "New Artboard"

Как сохранить каждый элемент в illustrator?

В общем всё зависит от назначения.
Если будете делать SVG и знаете что шрифты и текст менять не будете - рекомендую скривить. Для этого выделите текст и нажмите Ctrl+Shift+O
Так же рекомендую потом прогнать SVG через сервис https://jakearchibald.github.io/svgomg/ чтоб весила меньше

Как сделать прозрачный фон из jpg?

А вообще всё очень быстро делается через Magic Wand Tool в Photoshop.

Как сделать 2 прямоугольника разного цвета?

А еще посмотри какие у тебя стоят настройки в шапке, когда ты рисуешь прямоугольник. Возможно какая-нить большая обводка или странный цвет.

Нужно ли оформлять фрилансеру в Беларуси ИП, Самозанятость, и что лучше для дизайнера?

Я по началу брался и за такие заказы. Потом пришлось брать от 30 до 50% предоплату, чтоб никто никого не кидал.

Почему нарисованные svg в Adobe Illustrator выглядят таким образом?

Попробуй тогда так:
1. Выделить все объекты
2. Object - Expand Appearance
3. Object - Expand
4. потом зайти в панель Pathfinder (ее можно включить в табе Window)
5. Нажать самый первый значёк «Unite» (2 закрашенных квадрата)

Если уж после этого не сработает, ищи проблему в CSS.

Как сделать компонент в Figma с автоподстроением высоты и изменяемой шириной?

в Instance не допускается изменение ширины элементов внутри. Если б этот вариант работал - было замечательно

Как заменить svg изображение на анимированное при наведении на кнопку/линк?

Можно и без ID, просто пропихнуть анимацию в сам элемент.

Вот простенький пример SVG, который я делал, чтоб анимация начаналась при наведении

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.5 64">
<g>
  <path d="M33 56l-3.7-9.7s25.2-3.4 29.2-3.4C65.4 42.9 33 56 33 56z" opacity=".2"/>
  <path d="M27.8 38.3C30.3 37.7 31 37 31 37l-6.6-15H27L20 5l-7 17h2.6L9 37s.7.7 3.2 1.3L5 55s2 4 15 4 15-4 15-4l-7.2-16.7z"/>
  <path d="M28.6 38.2C31 37.6 31 37 31 37l-6-15h2L20 5s2.2 7.1 1.6 7.5c-1.3.9 3.4 6.6 2.4 7.5-.7.7-2.3-.3-3.7.7-.3.2 1 1.3-1.5 1.2-6.6-.3.7-.1 4.3 3.1 3.9 3.5 5.9 13.2 3.1 12-6-2.5-11.4 3.6-14.2 1 0 0 .2 3.3 4.7 1.3 5.1-2.2 12-.7 9.3 1.7-4.9 4.3 6.7 15.8 6.7 15.8C34.6 55.9 35 55 35 55l-6.4-16.8z"/>
  <animateTransform 
		attributeName="transform"
		type="skewY" 
		values="-3 ; 3; -3"
		begin="mouseenter"
		dur="4s"	
		repeatCount="indefinite"
		restart="always"
		/>
</g>  
</svg>

Axure - как вытянуть изображение из проекта?

Можно не заливать на Axshare, а просто отрендерить в браузере и кликнуть правой кнопкой мыши на картинку и там будет «Сохранить картинку как...» - всё как на обычном сайте)

Как растеризовать изображение во множество контуров?

при растеризации изображения, получается SVG с единственным path.

К сожалению никаких больше вариантов нет. Искать человек (или самому) отрисовывать в illustrator/figma и экспортировать. Налучше всего работает трассировка в ilustrator, но они на выходе сделает лишь один объект. Возможно его уже самому порезать на кусочки. Но, чтоб одной кнопкой получить несколько объектов - такого решения нет, это я тебе как дизайнер с многолетним опытом векторной графики говорю)