Icons

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:

ULPGC

<> Código
× Ocultar Código
  • HTML
  • JS
<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.

Image
Tamaño del icono

Á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.

Image
área de trabajo del icono

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.