react e iconify смотреть онлайн

Fala galera, blza? Espero que sim...

Bem vindo ao meu canal...

Esse video mostro como faço e acredito que seja padrão de todos, utilizando Iconify, que é fontes de icones, utilizado em React ou qualquer outra linguagem...

Deixo aqui uma observação que antes de qualquer coisa, leia sempre a documentação no site, pois lá pode ter explicação e exemplos de como utilizar...

De começo faço a instalação:

// npm install --save-dev @iconify/react @iconify-icons/ant-design
ou
// yarn add @iconify-icons/ant-design

Depois da instalação fazer o import na pasta do código onde vc vai utilizar o icone:

import { Icon, InlineIcon } from '@iconify/react';
import twitterSquareFilled from '@iconify-icons/ant-design/twitter-square-filled';

e depois:
vc vai chamar esse icone:

Icon icon={twitterSquareFilled} (não esqueça de colocar o sinal de maior e menor com fechamento, pq o youtube não autoriza eu utilizar ele aqui)

O style que eu utilizo é pra personalizar e definir os padrões que eu quero do icone, seria o famoso CSS, tem varias outras maneiras, mas eu uso dessa forma.

Bom esse é resultado final e espero que tenham gostado, é simples e rápido, pq esse é objetivo do canal...

Se gostou da uma Like, se inscrevasse no canal e de seu feedback que é muito importante...

LINK:

ICONIFY
https://iconify.design/icon-sets/

TWITTER
@KarolsFranz

INSTAGRAM
https://www.instagram.com/i.annk/