на вебпаке решил так:
   <link rel="apple-touch-icon" sizes="180x180" href="${require('../theme/assets/images/icons/apple-touch-icon.png')}">
   <link rel="icon" type="image/png" href="${require('../theme/assets/images/icons/favicon-32x32.png')}" sizes="32x32">
   <link rel="icon" type="image/png" href="${require('../theme/assets/images/icons/favicon-16x16.png')}" sizes="16x16">
   <link rel="manifest" href="${require('!!file?name=static/[name].[hash].[ext]!../theme/assets/images/icons/manifest.json')}">
   <link rel="mask-icon" href="${require('../theme/assets/images/icons/safari-pinned-tab.svg')}" color="#5bbad5">
   <link rel="shortcut icon" href="${require('../theme/assets/images/icons/favicon.ico')}">
   <meta name="msapplication-config" content="${require('!!file?name=static/[name].[hash].[ext]!../theme/assets/images/icons/browserconfig.xml')}">

да при чем тут это

<img src