Значок круговой диаграммы
Для начала создадим круг, используя инструмент Ellipse (F5). При рисовании удерживайте клавиши Ctrl, чтобы получился ровный круг. Сделайте его наполовину прозрачным (Opacity = 50%).
Продублируйте круг (Ctrl+D). Удерживая клавиши Ctrl и Shift, уменьшите второй круг.
Не снимая выделения с маленького круга, нажмите на клавишу Shift и щёлкните по большому кругу. Будут выделены два круга. Далее идём в меню Path и выбираем команду Difference. Получится кольцо.
Следующая задача - разбить кольцо на три равные части.
Выбираем инструмент Star/Звезда 
и устанавливаем следующие параметры на Панели настроек инструмента.
- Regular Polygon
- Corners: 6
- Rounded: 0.000
- Randomized: 0.000
Нажмите и удерживайте клавиши Ctrl и Shift. Щёлкните на холсте и перемещайте указатель мыши для создания фигуры. При рисовании следите, чтобы одна из вершин смотрела вверх (при необходимости регулируйте вращение фигуры мышью во время рисования). У нас появилась первая ячейка соты.
На панели инструментов найдите и активируйте значок Snap cusp nodes, incl. rectangles corners.
Продублируйте фигуру (Edit | Duplicate (Ctrl+D)), чтобы сделать вторую копию. Поменяйте у копии цвет и перетащите в сторону, чтобы две его вершины совпали с вершинами предыдущей фигуры.
Повторите операцию для создания третьей ячейки.
Это упражнение описано в статье Пчелиные соты.
Выделяем все соты и переносим на кольцо. Чтобы группу шестиугольников разместить точно в центре кольца, активируйте кнопку Snap centers of objects. Шестиугольник должны быть достаточно большими. Если это не так, то выделите их и увеличьте их размеры, удерживая Ctrl и Shift. После этого кнопку прилипания к центру можно снова отключить.
Далее выбираем кольцо и делаем дубликат (Ctrl+D). Не снимая выделения с копии кольца, удерживаем Shift и щёлкаем по зелёному шестиугольнику. Далее выбираем в меню Path | Intersection. В результате получаем треть кольца.
Повторяем эти шаги с красным и синим шестиугольниками - сначала делаем копию кольца, потом добавляем к нему шестиугольник, затем операция Intersection. Будьте внимательны. Должны получиться три равные части кольца.
Выделите все фигуры и отразите их вертикально (Object | Flip Vertical)
Небольшое отступление. Если вам не нравится толщина кольца, не нужно создавать его заново. Выделяем все фрагменты кольца, затем выбираем инструмент Node/Узлы и выделяем все узлы (удерживаем клавишу Shift) , которые лежат на внутренней части кольца. Помните, что некоторые узлы совпадают у соприкасающих элементов, поэтому, чтобы их не пропустить, лучше их выделять не щелчком по узлу, а нарисовать небольшой прямоугольник вокруг узла. Тогда сдвоенные узлы гарантированно будут выделены. Далее удерживаем клавиши Ctrl и Shift и изменяем ширину кольца по своему желанию.
Далее снова выделяем все элементы кольца и сплющиваем его, используя нижнюю стрелку изменения размера.
Делаем дубликат и приподнимаем вверх.
Выберите верхний зелёный фрагмент кольца и поднимите его вверх, удерживая клавишу Ctrl. Сделайте его более тёмным.
Проделайте тоже самое с другими фрагментами. Синий фрагмент поднимите чуть ниже зелёного фрагмента, а красный можно чуть опустить.
Выбираем красный верхний фрагмент и делаем его жёлтым, присваивая значение ffcc00ff. Прозрачность убираем.
Нижний красный фрагмент делаем оранжевым - ff7200ff.
Выбираем инструмент Pen/Перо и соединяем крайние четыре точки двух нижних фрагментов. Чтобы линия не выходила за пределы фигур, нужно немного изменить траекторию. Получится деформированный прямоугольник.
Выбираем полученный прямоугольник, через Shift присоединяем к нему оранжевый фрагмент. Далее через меню Path | Union объединяем две фигуры. Получилась первая объёмная фигура.
Выберите нижний зелёный фрагмент, присвойте ему значение 00ff00ff и опустите его ниже оранжевого фрагмента. Аналогично поступите с синим фрагментом. Сравните.
Снова выбираем перо и соединяем две точки жёлтого фрагмента с двумя точками синего верхнего фрагмента. Получится параллелограмм
Выбираем верхний синий фрагмент, убираем прозрачность и устанавливаем цвет 00ccffff.
Выбираем параллелограмм, затем выбираем инструмент Dropper/Пипетка и выбираем точку на синем фрагменте, чтобы закрасить параллелограмм этим же цветом. Делаем его немного темнее - 007bfff. Убираем обводку.
Выбираем перо и работаем с синими фрагментами, соединяя крайние точки. Фигура получиться замысловатая.
К полученной фигуре присоединяем нижний синий фрагмент через Shift+щелчок. Затем объединяем их через Path | Union. Полученную фигуру закрасьте цветом 003f82ff.
Осталась последняя часть диаграммы из зелёных фрагментов, которые в итоге мы сделаем другого цвета.
Выбираем верхний зелёный фрагмент и убираем прозрачность. Присваиваем значение ff0066ff.
Выбираем перо и соединяем две вершины жёлтого фрагмента и две вершины пурпурного фрагмента. Полученный параллелограмм закрашиваем пурпурным цветом. Выбираем пипетку и кликаем на верхнем фрагменте. Затем не забудьте удалить обводку.
Выделяем верхнюю часть и делаем её светлее: ff67a3ff.
Снова с помощью пера выбираем некоторые крайние точки фрагментов и вспомогательные точки, чтобы избежать лишнего закрашивания. Получится сложная фигура.
Повторяем знакомые операции - соединяем полученную фигуру с нижним зелёным фрагментом, затем Path | Union. Общий каркас готов.
Закрашиваем фигуру цветом 7e0032ff. Группируем все объекты и сохраняем работу.
Финальный вариант в SVG.
Источник
Видеурок от Nick Saporito "Pie Chart Icon"