material ui icon Добавляение пользовательского нестандартного sgv

Ниже пример как с использованием пути к файлу, так и с непосредственных добавлением SVG в компонент:

import IconButton from '@material-ui/core/IconButton';
import Icon from '@material-ui/core/Icon';
import SvgIcon from '@material-ui/core/SvgIcon';

import copyIcon from './Icon-copy.svg';

<IconButton >
	<Icon>
		<img
			onClick={handleClickOpen}
			title={props.iconTitle ? propsiconTitle : 'Удалить элемент'}
			src={copyIcon} />
	</Icon>
</IconButton>


<IconButton color="inherit">
    <SvgIcon  >
          <path d="M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z" />
     </SvgIcon>
</IconButton>