add a unique class for each <svg> about react-icons HOT 5 CLOSED

We can totally discuss doing this, but for now you should be able to accomplish whatever you need to do using composition.

<div class="ri ri-fa-star">
  <svg />
</div>

from react-icons.

@gorangajic thoughts on this?

from react-icons.

It's actually what I'm doing right now but wrapping each icon individually is a bit cumbersome.

It seems to me that there are more important tickets though, e.g. #66

Thanks @bentatum for your work on this, I like this library a lot

from react-icons.

I see what you mean. We'll keep it on the list.

For now, you could also create a component that does the wrapping once for you.

// CustomIcon.js
import Icon from 'react-icons/lib/io/arrow'
export default ({ className, ...props }) =>
  <div className={className}>
    <Icon {...props} />
  </div>

and then use it like this:

// App.js
import Icon from './CustomIcon'
export default () => <Icon className='ri ri-fa-star' />

from react-icons.

I'm going to close this for now. Feel free to submit a PR to propose any desired functionality you may have and we'll consider it!

from react-icons.