Hola Nata!. Si pudiste verte la clase del curso que te mencione?

Si! es bueno practicar lo que se aprende. Me alegra haberte ayudado #NoTeRindas!

El paso a paso esta en: https://leonidasesteban.com/aprender/flexbox-componentes/creando-una-fuente-personalizada-con-iconos

el tamaño del icono lo modificas con font-size, porque ahora se maneja como una fuente

y listo ahora haz la prueba, crea un botón y dentro de este la etiqueta i y coloca la clase con los nombres de los fonts por ejemplo icon-search y te debe aparecer ahí mismo

En ese mismo archivo icon.css no olvides cambiarle la ruta en los @fontFace ya que los iconos están en la carpeta fonts que previamente copiaste. Es decir, sal de la carpeta css e ingresa a la de fonts = (../fonts)

luego en VSC abres el archivo que se llama styles.css seleccionas todo con Ctrl + A y copias y pegas en un nuevo archivo .css llamado icon.css

Los cargas en donde dice: IconMoon App , los seleccionas todos y das click en generar Font. Luego descomprimes el .zip que se llama IconMoon copias y pegas en tu proyecto la carpeta que se llama Fonts

despues ve a esta página https://icomoon.io/

Hola Nata!

Por supuesto! primero descarga de Figma los iconos en .svg guardalos en una carpeta