Для начала найдем подходящую вам иконку на сайте Icons8, в моём случае это будет ананас: Инструкция для браузера Safari. (Ниже будет инструкция для Chrome и ему подобных) Откройте консоль разработчика, нажав в любом месте страницы правой кнопкой мыши и выбрав пункт меню "Проверить элемент". Затем, не закрывая консоль (это важно, потому что только при открытой консоли будут регистрироваться необходимые данные!), нажмите на нужную иконку и в меню "Edit" выберите пункт "Color" После нажатия кнопки "Color"...

В этом уроке мы нарисуем иконку базы данных при помощи векторных фигур и стилей слоя. Конечный результат: Шаг 1 Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоты. Для того, чтобы было удобнее рисовать и расставлять фигуры, нам понадобится сетка. Включите её через меню Просмотр > Показать > Сетка (View > Show > Grid). Включите привязку к сетке через меню Просмотр > Привязка к > Сетка(View > Snap to > Grid). Откройте меню параметров сетки (Редактирование > Настройки > Направляющие, сетка и фрагменты / Edit > Preferences > Guides, Grid & Slices)...