How to replace a div element in a string based on id with a tag [closed]

var str = `# Give utterance which should have Gdrive suggestions<br /># Now select one of the sheet from the dropdown<br /># Start asking questions on it<br /><br />*Actual* :<br /><br />GDriveLookup-When the user clicks on the relevant source chevron icon, noticed that it is displaying a Drive icon instead of displaying sheet icon on top of Drive icon<br /><br />*Expected* :<br /><br />It should display respective icons just like the icons displayed for sources<br /><br /><a href="https://twitter.com/hashtag/ *Screenshot* */ Video* : Attached<br /><br /><div  id="icon.png" data-name="icon.png" class="linear-background" style="width:'1154px';height:'527px';display: inline-block;" ></div><br />" class="linkMentionCls linkMentionCls-hashtag" target="*blank" rel="noopener noreferrer"># *Screenshot* */ Video** : Attached<br /><br /><div  id="icon.png" data-name="icon.png" class="linear-background" style="width:'1154px';height:'527px';display: inline-block;" ></div><br /></a>`

I am trying to replace <div id="icon.png" data-name="icon.png" class="linear-background" style="width:'1154px';height:'527px';display: inline-block;" ></div> inside str from all occurences based on id=”icon.png” with a <img src="abcde"/> tag.