Usando la biblioteca de iconos incorporada
1. Seleccione el marco u objeto al que desea agregar el icono.
2. Haga clic en la pestaña "Iconos" en la barra lateral izquierda.
3. Explore los íconos disponibles y haga clic en el que desea agregar.
4. El icono se agregará al marco u objeto seleccionado.
Importar iconos personalizados
1. Descarga el archivo SVG del icono que deseas importar.
2. Arrastre y suelte el archivo SVG en el lienzo de Figma.
3. El icono se importará como componente.
4. Ahora puede arrastrar y soltar el componente en cualquier marco u objeto.
Personalizar iconos
Una vez que haya agregado un ícono a su diseño, puede personalizarlo cambiando su color, tamaño o rotación.
Para cambiar el color de un icono, simplemente selecciónelo y haga clic en la muestra de color "Relleno" en la barra lateral izquierda. Luego puede elegir un nuevo color en el selector de color.
Para cambiar el tamaño de un icono, selecciónelo y arrastre los controladores del cuadro delimitador. También puedes escribir un valor de tamaño específico en los campos "Ancho" y "Alto" en la barra lateral izquierda.
Para rotar un ícono, selecciónelo y haga clic en el ícono "Rotación" en la barra lateral izquierda. Luego puede escribir un valor de rotación específico en el campo "Ángulo".
Usar iconos en prototipos
También puedes utilizar iconos en prototipos para crear botones y enlaces interactivos.
Para crear un botón interactivo, simplemente agregue un ícono a un marco y luego haga clic en la pestaña "Interacciones" en la barra lateral izquierda. En la sección "Al hacer clic", seleccione la opción "Navegar a" y luego elija el marco al que desea vincular el botón.
Para crear un enlace interactivo, simplemente agregue un ícono a un objeto de texto y luego haga clic en la pestaña "Interacciones" en la barra lateral izquierda. En la sección "Al hacer clic", seleccione la opción "Abrir URL" y luego ingrese la URL que desea que se abra el enlace.