Значок смартфона с длинной тенью
Создадим документ размером 128x128 px.
В центре документа рисуем круг инструментом "Эллипс" размером 120х120 пикселей, удерживая клавишу Ctrl.
Центрируем круг в центре документа. Создаём форму телефона - рисуем инструментом "Прямоугольник" белый прямоугольник размером 48 x 84 пикселей с радиусом закругления 6 пикселей. Центрируем прямоугольник в центре круга.
Снова используем "Прямоугольник" и рисуем дисплей размером 40 x 58 пикселей без закруглений. Цвет дисплея должен совпадать со цветом круга. Не забываем центрировать фигуры по горизонтали. По вертикали после выравнивания фигуру можно чуть поднять вверх.
Добавляем нижнюю кнопку, используя круг размером 8x8 пикселей. Выравниваем по центру.
Добавляем динамик. Используем прямоугольник размером 12x2 пикселей с загруглением 1 пиксель. Размещаем по центру в верхней части телефона.
Добавим тень. Преобразуем прямоугольник телефона в контур (Path | Object to Path). Выберите два узла в левом нижнем углу и добавьте новый узел между ними при помощи кнопки Insert new nodes into selected segments. Аналогично поступите с двумя узлами в верхнем правом углу.
Вытащите две диагональные направляющие и при помощи прилипания установите их так, чтобы они проходили через созданные узлы. С помощью пера создайте фигуру, опираясь на узлы. На поверхности самого прямоугольника нужно обойти кружок. У созданного многоугольника уберите обводку и закрасьте фигуру чёрным цветом. Установите прозрачность на уровне Opacity: 20%.
Удалите направляющие. Опустите фигуру тени под телефон. Далее фигуру нужно обрезать по контуру большого круга. Продублируйте большой круг. Присоедините к нему фигуру тени через Shift, далее выполняем операцию Path | Intersection. Значок готов.
Итоговый результат в SVG.
