Unable to import files with '#' in filename

[seanemmer]

gatsby-config.js

    {
      resolve: 'gatsby-plugin-react-svg',
      options: {
        rule: {
          include: /duotone-icons-2/
        }
      }
    }

Application Code

import ServicesIcon from '../landkit/img/icons/duotone-icons-2/Shopping/Chart-line#1.svg'

...

<div className='icon icon-sm text-success'>
  <ServicesIcon />
</div>

Gatsby Develop Output: