JSFiddle - React, Tailwind, and code Playground

HTML

<div data-item-type="user" class="js-stream-item stream-item">
<div class="user-content-rest">ccc
    <span class="user-name">aaa
         <span class="protected-icon">ppp</span>
      bbb</span>
</div>ddd
</div>


<div data-item-type="user" class="js-stream-item stream-item">
<div class="user-content-rest">ccc
    <span class="user-name">aaa
         <span class="protected-icon">ppp</span>
      bbb</span>
</div>ddd
</div>

<div data-item-type="user" class="js-stream-item stream-item">
<div class="user-content-rest">ccc
    <span class="user-name">aaa
         <span class="protected-icon">ppp</span>
      bbb</span>
</div>ddd
</div>

JavaScript

var p = document.getElementsByClassName('protected-icon');
for (var i=p.length; --i>=0;) {
    p[i].parentNode.removeChild(p[i]);
}