Font Awesome – Iconos vectoriales para tus proyectos

font-awesome-cheatsheet

Para mejorar mas aun la presentación de nuestra aplicación aquí les enseño como usar estos iconos vectoriales muy buenos y dejar de preocuparte buscando iconos que es todo un lio.

es este caso vamos a usar  Font Awesome como es de licencia abierta y código libre lo podrás utilizar en tu proyecto personal o comercial.

Aqui te dejo el enlace del proyecto para WPF 

Proceso de Instalación:

Primero, nuestro proyecto debe estar abierto. Lo haré desde el Visual Studio, pero también lo puedes hacer desde el Blend para el Visual Studio.

Nos dirigimos a herramientas >> administrador de paquetes Nuget y administrador de paquetes para la solucion.

nuget manager

y en el buscador escribimos FontAwesome.WPF correctamente

fontAwesome

Le damos en Instalar. Una ves Instalado en nuestro proyecto , a continuacion en la venatna a trabajar cambiamos a diseño en XAML.

he agregamos el siguiente código a la cabecera.


xmlns:fa="http://schemas.fontawesome.io/icons/"

Ahora si estamos listos para insertar las imágenes vectoriales.

Siguiendo con el Edito XAML podremos insertar imágenes con la siguiente estructura de código.


<fa:ImageAwesome Icon="Spinner"  Width="50" Height= "50" />

donde “Icon” en el icono o imagene y “Width con Height” en el ancho y alto respectivo.

Una ves ingresado el Icono podremos cambiarlo tanto color y tamaño con las propiedades del mismo en visual studio o blend.

Para tener mejor ayuda de las imágenes o iconos que contiene este pack, recomiendo descargase la siguiente aplicación, y si también tendrás que repetir los pasos anteriores de la instalación del Font Awesome para esta aplicación.

dale clic en la imagen:

example FA

Para mas detalles de su funcionamiento te invito a ver el video.




comentarios

comentario “Font Awesome – Iconos vectoriales para tus proyectos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *