Divi centered inline mobile menu cart help

Hello,

I am looking to get help on how to add a generic cart icon next to the hamburger menu. I do not use woocommerce and would like to add a generic cart image (I understand i would have to find one). I would like when they click the icon it routes them to a URL (example: www.example.com/cart). I am using the "centered inline" theme option but have converted the mobile menu the default hamburger style using the below css. I have been able to get a "search" icon to appear but have not been able to find a work around to add a clickable image next to the hamburger menu. Any info would be helpful.

1. 
   
   @media all and (max-width: 980px) {
   /* align header container text to left */
   .et_header_style_centered #main-header .container,
   .et_header_style_split #main-header .container {
   text-align: left;
   }
   /* set max width for logo container and bring it above the navigation bar to make it clickable */
   .et_header_style_centered header#main-header .logo_container,
   .et_header_style_split header#main-header .logo_container {
   position:relative;
   z-index: 2;
   max-width: 50%;
   }
   /* move split header logo to left */
   .et_header_style_split header#main-header .logo_container {
   float: left;
   }
   /* prevent the split header logo from shrinking by increasing its max width */
   .et_header_style_split #logo {
   max-width: 100%;
   }
   /* adjust top navigation alignment */
   .et_header_style_centered #main-header div#et-top-navigation,
   .et_header_style_split #main-header div#et-top-navigation {
   position: absolute;
   }
   /* make "select page bg color transparent" */
   .et_header_style_centered #main-header .mobile_nav,
   .et_header_style_split #main-header .mobile_nav {
   background-color: rgba(0, 0, 0, 0);
   }
   /* remove mobile_nav left and right padding */
   .et_header_style_centered #main-header .mobile_nav,
   .et_header_style_split #main-header .mobile_nav {
   padding: 5px 0px;
   }
   /* remove unnecessary top margin */
   .et_header_style_centered #et_mobile_nav_menu,
   .et_header_style_split #et_mobile_nav_menu {
   margin-top: 0px;
   }
   /* hide "select page" container */
   .et_header_style_centered #main-header .mobile_nav .select_page,
   .et_header_style_split #main-header .mobile_nav .select_page {
   display: none;
   }
   /* adjust vertical and right alignment of the mobile menu bar */
   .et_header_style_centered #main-header .mobile_menu_bar,
   .et_header_style_split #main-header .mobile_menu_bar {
   position: relative;
   right: 0px;
   text-align: right;
   }
   /* adjust dropdown menu top offset */
   .et_header_style_centered #main-header .et_mobile_menu,
   .et_header_style_split #main-header .et_mobile_menu {
   top: 63px;
   }
   }
   
   @media all and (max-width: 980px) {
   .chi_dmm_styles.et_header_style_centered #main-header .mobile_nav,
   .chi_dmm_styles.et_header_style_split #main-header .mobile_nav {
   display: inline-block;
   float: right;
   background-color: rgba(0, 0, 0, 0);
   }
   .chi_dmm_styles.et_header_style_centered #main-header .mobile_nav {
   padding: 10px 0px;
   }
   .chi_dmm_styles.et_header_style_centered #main-header .mobile_nav .mobile_menu_bar,
   .chi_dmm_styles.et_header_style_split #main-header .mobile_nav .mobile_menu_bar {
   top: 2px !important;
   -webkit-transform: initial !important;
   -ms-transform: initial !important;
   transform: initial !important;
   }
   /* adjust width if fullwidth mode enabled */
   .chi_dmm_styles.et_header_style_split #main-header #et-top-navigation {
   width: 80%;
   }
   .chi_dmm_styles.et_header_style_centered .et_search_outer .et_search_form_container,
   .chi_dmm_styles.et_header_style_split .et_search_outer .et_search_form_container {
   background-color: #ffffff;
   }
   }
   @media all and (max-width: 479px) {
   .chi_dmm_styles.et_header_style_centered #main-header .container.et_menu_container {
   position: relative !important;
   }
   }
   
   /* Place the word MENU after the mobile hamburger */
   .mobile_menu_bar:after {
   content: 'Menu';
   position: relative !important;
   bottom: 10px;
   left: 5%;
   color: #c4c4c4;
   }
   
   /* Change the hamburger to X when opened */
   .mobile_nav.opened .mobile_menu_bar:before {
   content: '\4d';
   }
   @media (max-width: 980px) {
   .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
   position: fixed;
   }
   }
   .et_mobile_menu {
   overflow: scroll !important;
   max-height: 83vh;
   }