Iconos
Actualizado el 24/10/2024
- ulpgcds-icon-add-file
- ulpgcds-icon-add-folder
- ulpgcds-icon-add-group
- ulpgcds-icon-add-image
- ulpgcds-icon-add-user
- ulpgcds-icon-alert
- ulpgcds-icon-arrow-down
- ulpgcds-icon-arrow-left
- ulpgcds-icon-arrow-right
- ulpgcds-icon-arrow-up
- ulpgcds-icon-audio
- ulpgcds-icon-bell
- ulpgcds-icon-book
- ulpgcds-icon-calendar
- ulpgcds-icon-campus
- ulpgcds-icon-caret-down
- ulpgcds-icon-caret-left
- ulpgcds-icon-caret-right
- ulpgcds-icon-caret-up
- ulpgcds-icon-check
- ulpgcds-icon-chevron-down
- ulpgcds-icon-chevron-left
- ulpgcds-icon-chevron-right
- ulpgcds-icon-chevron-up
- ulpgcds-icon-clock
- ulpgcds-icon-close
- ulpgcds-icon-code
- ulpgcds-icon-comment
- ulpgcds-icon-computer
- ulpgcds-icon-dots
- ulpgcds-icon-download
- ulpgcds-icon-edit
- ulpgcds-icon-envelope
- ulpgcds-icon-expand
- ulpgcds-icon-exterior
- ulpgcds-icon-exit
- ulpgcds-icon-eye
- ulpgcds-icon-facebook
- ulpgcds-icon-fax
- ulpgcds-icon-file
- ulpgcds-icon-flickr
- ulpgcds-icon-folder
- ulpgcds-icon-group
- ulpgcds-icon-hat
- ulpgcds-icon-heart
- ulpgcds-icon-image
- ulpgcds-icon-info
- ulpgcds-icon-issuu
- ulpgcds-icon-ivoox
- ulpgcds-icon-instagram
- ulpgcds-icon-less
- ulpgcds-icon-linkedin
- ulpgcds-icon-list
- ulpgcds-icon-lock
- ulpgcds-icon-menu
- ulpgcds-icon-miulpgc
- ulpgcds-icon-more
- ulpgcds-icon-moodle
- ulpgcds-icon-papers
- ulpgcds-icon-phone
- ulpgcds-icon-pinterest
- ulpgcds-icon-place
- ulpgcds-icon-play
- ulpgcds-icon-power
- ulpgcds-icon-research
- ulpgcds-icon-search
- ulpgcds-icon-sort
- ulpgcds-icon-spotify
- ulpgcds-icon-star
- ulpgcds-icon-star-line
- ulpgcds-icon-ulpgc
- ulpgcds-icon-teacher
- ulpgcds-icon-tick
- ulpgcds-icon-tools
- ulpgcds-icon-trophy
- ulpgcds-icon-twitter
- ulpgcds-icon-upload
- ulpgcds-icon-user
- ulpgcds-icon-whatsapp
- ulpgcds-icon-youtube
Su uso sería bastante sencillo, añadiendo la clase correspondiente para el icono: ulpgcds-icon-nombreicono:
<> Código
× Ocultar Código
<p><span class="ulpgcds-icon-thinker ulpgcds-icon--left"></span>ULPGC</a></p>
Tamaño del icono
Para el diseño de los iconos se ha establecido un area de 24x24 pixeles. Este tamaño garantiza una correcta visualización para los diferentes tamaños a los que se muestre el mismo.
Es importante mantener esta estructura para garantizar que todos los iconos se alinean correctamente con el texto al insertarlos dentro de la fuente iconografica.
Área de seguridad
Con el objetivo de mantener la consistencia entre todos los iconos se ha mantenido un área de seguridad de 2 pixeles por cada lado. Por ello el área de trabajo que debe alojar el icono es de 20x20 pixeles.
El icono puede llegar a ser menor a esta área si se requiere, pero nunca deberá excederse.
Descargas
A continuación se puede descargar los iconos actuales en distintos formatos para que se puedan reutilizar o crear nuevos a partir de estos elementos.
