Покажу вам создание мини иконки в Inkscape. Эта задача очень простая. Вы поймёте как готовить файлы для веб. Измените свойства документа: файл->свойства документа. Выставите 50 х 50 px. Обратите внимание на единицы измерения. У вас должно быть px - пикселы.

Теперь нажмите на клавишу F3. Посмотрите на верхнюю часть меню. Выберите пункт как на картинке.

Создате несколько слоёв. Слой -> Слои. Сделайте 2 слоя: текст, фон.

В панели инструментов выберите инструмент A - текст. У вас поменяется курсор. Наберите текст.

Теперь выровняйте надпись на странице. Объект -> выровнять и расставить. Сделайте выравнивание по центру страницы.

Помимо выравнивания блока с текстом вы можете выровнять сам текст. Посмотрите на картинку.

Теперь разукрасьте объекты. Для того чтобы разукрасить объект нужно выделить объект и переместить курсор к шашкам. Шашка -квадратик с цветом. Как только вы нажмёте на шашку, то программа спросит что заливать: заливку или обводку? Разукрасьте объекты.

Теперь сохраните картинку в формате png. Файл -> экспортировать в раст. Выберите нужный размер нажмите на кнопку экспортировать. Советую вам доделать картинку в другом растровом редакторе (photoshop, gimp).