title: How to add Mui Icon to the Content of pseudo elements (::after,::before) in React?
body: <p>I am trying to use mui Icons with pseudo Element &quot;::before&quot; with SX</p>
  <p>here is my code:</p>
  <pre><code>import ArrowLeftIcon from &quot;@mui/icons-material/ArrowLeft&quot;;
  
  sx={{
                  &quot;&amp;.Mui-selected::before&quot;: {
                    content: '&quot;ArrowLeftIcon&quot;',
                  },
  </code></pre>
  <p>How to  add ArrowLeftIcon to the content</p>