[REACT] Como adicionar Social Media Icons no seu projeto

(Foi o que usei no meu projeto )
Dica de um iniciante

instalando npm i social-media-icons-react

importando no projeto import {SocialMediaIconsReact} from 'social-media-icons-react'

Adicionando um icon no projeto <SocialMediaIconsReact borderColor="rgba(0,0,0,0.25)" borderWidth="5" borderStyle="solid" icon="github" iconColor="rgba(255,255,255,1)" backgroundColor="rgba(26,166,233,1)" iconSize="5" roundness="20%" url="" size="100" />
Exemplo:

Observação: você pode personalizar as cores, tamanho, borda e formato do icon no código mesmo ou aqui Social Media Icons Editor

Depois de deixar como você quer é só copiar o código gerado aqui:


colar no projeto e tá pronto.

7 Likes

Olá, essa eu não conhecia!
Eu sempre utilizei a react-icons que une várias bibliotecas de icons bem famosas como a Font Awesome e a Feather Icons

Bem simples de instalar e utilizar também, segue a documentação:

5 Likes

Que legal, depois vou mudar no projeto e usar essa, acabei usando uma pra social media icons e outra pra Font Awesome, sendo que tem uma que tem tudo, muito obrigado @wsasouza

1 Like