[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f173x3pvv53g1n":3},{"_id":4,"slug":5,"title":6,"subtitle":7,"kind":8,"cards":9,"tags":28,"categories":30,"source":32,"lang":35,"author":36,"audioState":39,"stats":40,"publishedAt":43,"renderer":44},"6abd284aca21c797c7ea23d7","preview-mui-icons-directly-in-vs-code-with-mui-icon-preview-1c20e07e","Preview MUI icons directly in VS Code with MUI Icon Preview","If you use Material UI icons in a React\u002FNext project, you’ve probably searched for an icon name just to check what it looks like.","news",[10,13,18,23],{"headline":6,"body":11,"imageUrl":12,"sourceImageUrl":12},"If you use Material UI icons in a React\u002FNext project, you’ve probably searched for an icon name just to check what it looks like. I built MUI Icon Preview, a small VS Code extension that makes that easier.","https:\u002F\u002Fmedia2.dev.to\u002Fdynamic\u002Fimage\u002Fwidth=1200,height=627,fit=cover,gravity=auto,format=auto\u002Fhttps%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fov8z1zw703w5unnzwr58.png",{"headline":14,"body":15,"imageUrl":16,"images":17},"When you hover over an icon import from","When you hover over an icon import from @mui\u002Ficons-material, the extension shows a preview of the icon along with useful details, including its name and import statement. You can also open the MUI documentation directly from the popup.","\u002Fapi\u002Fmedia\u002Fposts\u002Fpreview-mui-icons-directly-in-vs-code-with-mui-icon-preview-1c20e07e\u002F1.webp",{"local":16},{"headline":19,"body":20,"imageUrl":21,"images":22},"For example, hovering over Sync gives you a","For example, hovering over Sync gives you a quick visual preview without leaving your editor or interrupting your workflow.","\u002Fapi\u002Fmedia\u002Fposts\u002Fpreview-mui-icons-directly-in-vs-code-with-mui-icon-preview-1c20e07e\u002F2.webp",{"local":21},{"headline":24,"body":25,"imageUrl":26,"images":27},"I made this because I wanted a quicker","I made this because I wanted a quicker way to recognize and explore MUI icons while coding. I hope it makes your workflow a little smoother too. If you try it, I’d love to hear what you think—and what you’d like to see improved. For further actions, you may consider blocking this person and\u002For reporting abuse","\u002Fapi\u002Fmedia\u002Fposts\u002Fpreview-mui-icons-directly-in-vs-code-with-mui-icon-preview-1c20e07e\u002F3.webp",{"local":26},[29],"dev",[31],"Technology",{"name":33,"url":34},"Dev.to","https:\u002F\u002Fdev.to\u002Figor_bezanovic\u002Fpreview-mui-icons-directly-in-vs-code-with-mui-icon-preview-16ab","en",{"handle":37,"displayName":38},"spots","Spots","queued",{"views":41,"likes":42,"saves":42,"shares":42,"completions":42,"opens":42,"skips":42,"depthSum":42},1,0,"2026-09-30T15:18:34.150Z","local"]