Рисуем полупрозрачный квадрат. Поворачиваем его на 45 градусов.
Переводим фигуру в контур через Path | Object to Path. Выбираем инструмент "Узлы" и выделяем три верхних узла, далее нажимаем на кнопку Make selected nodes auto-smooth.
Выделяем два средних узла и поднимаем их немного вверх, удерживая клавишу Ctrl.
Выберите фигуру и уменьшите её по ширине до каплевидной формы.
Продублируйте фигуру и закрасьте ее красным. Продублируйте красную фигуру и закрасьте её зелёным. Немного спустите зелёную каплю вниз, удерживая Ctrl.
Затем потяните зеленую каплю вниз за нижнюю стрелку, удерживая Ctrl. Капля немного увеличится в размерах.
Выделите зелёную и красную каплю и примените Path | Difference.
Продублируйте чёрную каплю, закрасьте её зелёным и опустите под красную фигуру.
Потяните зелёную каплю за нижнюю стрелку, удерживая Ctrl. Капля увеличится в размерах.
Продублируйте чёрную каплю, отразите её по вертикали и опустите вниз, чтобы обе каплю касались своей острой частью.
Дублируем большую зелёную каплю, присоединяем к ней перевёрнутую чёрную каплю и выполняем Path | Intersection.
Затем выберите чёрную каплю и большую зелёную каплю и применяем операцию Path | Difference. Чёрная капля должна находиться выше по уровню над зелёной каплей, чтобы сработало корректно.
Создайте синий прямоугольник чуть больше половины фигуры. Продублируйте его и закрасьте жёлтым. Воспользуйтесь кнопкой Align left edges of objects to right edge of anchor в диалоговом окне Align and Distribute. Сгруппируйте два прямоугольника, добавьте к группе фигуру и нажмите кнопку Center on vertical axis в том же диалоговом окне. Два прямоугольника разделят фигуру пополам.
Снимите группировку у прямоугольников и удалите жёлтый прямоугольник.
Выбираем синий прямоугольник и зелёную каплю, выполняем Path | Intersection.
Выбираем зелёную часть и нижний чёрный ромбик, далее Path | Union.
Мы получили верхнюю часть ленточки.
Продублируйте зелёную часть и отразите её по вертикали и горизонтали. Присоедините копию к нижней части оригинала и объедините обе части через Path | Union.
Выберите инструмент "Узлы". Вы увидите множество узлов в средней части фигуры. Выделите их и удалите. Останутся по три узла в верхней и нижней части фигуры.
Увеличьте участок соприкосновения зелёной и красной фигур. Вы увидите небольшой зазор между ними.
Выберите зелёную часть и удерживая Ctrl, надвиньте немного на красную часть, чтобы перекрыть участок и закрыть зазор.
Продублируйте зеленую часть и закрасьте её синим цветом. Отразите по горизонтали и присоедините справа.
Для страховки выделите все фигуры и нажмите кнопку Make horizontal gaps between objects equal.
Красную часть фигуры опустите в самый низ, а синюю часть за зеленую.
Рисуем большой квадрат, чтобы виднелись только нижние концы фигуры.
Поворачиваем квадрат на 45 градусов и центрируем по красной части фигуры. Приподнимаем квадрат, чтобы отсечь нижнюю часть фигуры.
Дублируем желтый квадрат, присоединяем к нему синюю часть и выполняем Path | Intersection.
Выбираем жёлтый квадрат и зелёную часть и снова выполняем Path | Intersection. Появилась заготовка ленточки.
Убираем у всех частей ленточки полупрозрачность. Закрашиваем одним цветом. Выбираем переднюю часть ленты и меняем параметры цвета, чтобы показать переднюю и заднюю часть ленты. Аналогично поступаем с верхней частью, чтобы показать тень.
Можно добавить тень от части ленты, которая ложится внахлёст на другую. Для этого выбираем левую часть ленты и дублируем её. Закрасим цветом, как у верхней тёмной части. Помещаем под оригинал. Затем выбираем Path | Outset. Фигура "раздуется" и будет выглядывать из-под левой части ленты. Для увеличения размеров можно нажать комбинацию Ctrl+0.
Дублируем правую часть ленты, присоединяем к ней "раздутую" фигуры и выполняем Path | Intersection. Образуется тень от нахлёста.
Ленточка готова. Далее вы можете менять цвета, чтобы получить разные варианты.
Итоговый результат в SVG.
Источник: Vector Awareness Ribbon