How to change size and color for icon

[NgKhanh]

Hello, I read document I see this code
<Icon size={30} color='aliceblue' style={{ ... }} />

But I dont understand how to use this, e.x I want to user MdStar with size:2em, color=blue
<MdStar size={2} color="blue">

Is it ? Pls give more code

[nguyenmanh1507]

convert em to pixel and set color for parent el. ex:
parent element font-size = 16px => 2em = 32px

<div style={{color: 'blue'}}>
  <MdStar size={32} />
</div>

[bentatum]

The size prop only accepts pixels as an integer value. The color prop should work, is it not for you?

[NgKhanh]

Thanks, I did it

[danieli45]

thanks!

[imrishav]

Easiest way to Change style of icon is using this

import { FaThumbsDown, FaThumbsUp } from 'react-icons/fa';
<FaThumbsDown size={30} style={{ fill: 'black' }} />

[lawson-ng]

style={{ fill: 'black' }}

It works well. Many thanks

[andreferreiradaweb]

How to set :hover value on react-icons ?

[greatertomi]

How to set :hover value on react-icons?

&:hover { height: 30px; width: 40px; }

this increases the size during hover

[debora-maciel]

Hello, I read document I see this code
<Icon size={30} color='aliceblue' style={{ ... }} />

But I dont understand how to use this, e.x I want to user MdStar with size:2em, color=blue
<MdStar size={2} color="blue">

Is it ? Pls give more code

it rlly helped :') thk

[cryskram]

<FaFacebookMessenger size={100} color={"yellow"} />

Adds a size of 100 and color yellow to the FacebookMessenger icon

[ziaaurrehman]

thanks 👍

[Nishanth-sebastin]

Thanks itz worked

[samueljohnson96]

thank you!

[juanigarciadev]

style={{ fill: 'black' }} />`

It worked for me, thanks!

[omarmazin]

<Icon size={10}/>

[smileyyismail]

some icons do not accept color so try different one

[sudo-001]

Easiest way to Change style of icon is using this

import { FaThumbsDown, FaThumbsUp } from 'react-icons/fa'; <FaThumbsDown size={30} style={{ fill: 'black' }} />

Thanks