If I want to use an icon on a ::before{content} property, is this possible with this library?

[styled-icons]

If I want to use an icon on a ::before{content} property, is this possible with this library?

[jacobwgillespie]

I think this is not directly possible - this library provides icons as React / Styled Components, and as far as I'm aware, it's not possible to use a React component in a ::before{content} CSS property.

I'll let you know if this is possible in the future, in the meantime I'll close this issue.

[aakhan89]

I think this is not directly possible - this library provides icons as React / Styled Components, and as far as I'm aware, it's not possible to use a React component in a ::before{content} CSS property.

I'll let you know if this is possible in the future, in the meantime I'll close this issue.

Any luck ?

[jacobwgillespie]

@aakhan89 it doesn't look like React supports this, no - ::before{content} can only be a string. You're likely better off wrapping the element in another element like a <div> and using CSS positioning to place the icon:

<div>
  <Icon />
  <OtherElement />
</div>