Is it possible to use styled-icons in a pseudo :before or :after element?

[jmcannon]

For example, by getting direct access to the SVG path definition?

[jacobwgillespie]

Hey, I'm not sure that this is possible, especially the ability to style embedded SVGs within a pseudo element. I think it's possible to embed SVGs in a :before or :after via something like content: url("data:image/svg+xml; utf8, <svg>...</svg>), but that's outside the scope of React really, you'd need just the raw SVG content.

If it's useful, all Styled Icons are generated from parallel packages under the @svg-icons package namespace, see https://www.npmjs.com/org/svg-icons. Each one of those packages has the same icons as the Styled Icons packages, but just as plain SVG files. You might be able to import those somehow and configure your bundler to return them as strings for embedding in CSS.