Ikoner

Ikonerna kommer primärt från Font Awesome 5 och det är endast ett urval av ikoner för en enhetlig upplevelse i våra tjänster.

 

Ikoner i designsystemet digi-ng hittar du här

Process för utvecklare

  1. Får du som utvecklare en design på en ikon så kollar du om den finns bland de senast uppdaterade ikonerna här på Digin.
  2. Finns den inte här på Digin behöver ikonen tas fram. Den som ska ta fram den nya ikonen är din närmaste AD. Har du ingen AD i ditt team skickar du en förfrågan till Digin.
  3. När ikonen är framtagen och avstämd av AD skickas den till Digi-teamet som sedan lägger upp den tillsamman med de redan existerande ikonerna här.

Processen för ikoner finns även för UX & AD, den ligger i UI-kittet.


Kommunikation

<i class="i-af-cooperation"></i>
<i class="i-heart"></i>
<i class="i-af-at"></i>
<i class="i-home-solid"></i>
<i class="i-building"></i>
<i class="i-building-solid"></i>
<i class="i-af-envelope"></i>
<i class="i-envelope-solid"></i>
<i class="i-af-cell-phone"></i>
<i class="i-af-phone"></i>
<i class="i-af-exclamation-circle"></i>
<i class="i-exclamation-circle-solid"></i>
<i class="i-af-exclamation-triangle"></i>
<i class="i-af-info-circle"></i>
<i class="i-info-circle-solid"></i>
<i class="i-question"></i>
<i class="i-comment"></i>
<i class="i-comment-solid"></i>
<i class="i-comment-exclamation"></i>
<i class="i-comment-dots"></i>
<i class="i-times-circle"></i>
<i class="i-times-circle-solid"></i>
<i class="i-af-headphones"></i>
<i class="i-af-youtube"></i>
<i class="i-af-play-circle"></i>
<i class="i-volume"></i>
<i class="i-pin"></i>
<i class="i-map-marker-alt"></i>
<i class="i-af-bell"></i>
<i class="i-bell"></i>
<i class="i-af-share-alt"></i>
<i class="i-dots-more"></i>
<i class="i-af-lightbulb"></i>
<i class="i-bars"></i>
<i class="i-af-list-ul"></i>
<i class="i-times"></i>
<i class="i-plus"></i>
<i class="i-minus"></i>
<i class="i-undo-alt"></i>
<i class="i-sync-alt"></i>
<i class="i-download-solid"></i>
<i class="i-image"></i>
<i class="i-af-exclamation-triangle-filled"></i>
<i class="i-history"></i>
<i class="i-af-sliders-h"></i>
<i class="i-sort-amount-up"></i>
<i class="i-sort-amount-down"></i>
<i class="i-filter-solid"></i>
<i class="i-cog-solid"></i>

Status

<i class="i-af-star"></i>
<i class="i-af-star-reg"></i>
<i class="i-af-toggle-off"></i>
<i class="i-af-toggle-on"></i>
<i class="i-af-lock"></i>
<i class="i-af-unlock"></i>
<i class="i-af-eye"></i>
<i class="i-af-eye-slash"></i>
<i class="i-af-checklist"></i>
<i class="i-af-check-circle-reg"></i>
<i class="i-af-check"></i>
<i class="i-af-check-circle"></i>

Kontor

<i class="i-trash-alt"></i>
<i class="i-af-paperclip"></i>
<i class="i-af-pen"></i>
<i class="i-af-edit"></i>
<i class="i-af-archive"></i>
<i class="i-af-calendar"></i>
<i class="i-af-calendar-alt"></i>
<i class="i-af-clock"></i>
<i class="i-af-print"></i>
<i class="i-suitcase"></i>
<i class="i-work"></i>
<i class="i-workexperience"></i>
<i class="i-af-begar-ersattning"></i>
<i class="i-af-book"></i>
<i class="i-clipboard-solid"></i>

Användare

<i class="i-af-user-alt"></i>
<i class="i-users-solid"></i>
<i class="i-min-profil"></i>
<i class="i-recruit-abroad"></i>
<i class="i-af-dxa"></i>
<i class="i-user-graduate"></i>

Pilar

<i class="i-angle-right"></i>
<i class="i-angle-left"></i>
<i class="i-angle-up"></i>
<i class="i-angle-down"></i>
<i class="i-arrow-left"></i>
<i class="i-arrow-right"></i>
<i class="i-arrow-up"></i>
<i class="i-arrow-down"></i>
<i class="i-sign-in-alt"></i>
<i class="i-sign-out-alt"></i>
<i class="i-af-compress-alt"></i>
<i class="i-arrow-square-right"></i>
<i class="i-af-expand-alt"></i>
<i class="i-af-external-link-alt"></i>

Dokument

<i class="i-file-pdf"></i>
<i class="i-af-file-pdf"></i>
<i class="i-file-word"></i>
<i class="i-file-excel"></i>
<i class="i-file-powerpoint"></i>
<i class="i-af-copy"></i>
<i class="i-file-alt"></i>

Språk

<i class="i-languages"></i>
<i class="i-af-language"></i>
<i class="i-flag"></i>
<i class="i-af-flag"></i>
<i class="i-af-globe"></i>
<i class="i-globe-solid"></i>

Tillgänglighet

<i class="i-af-sign"></i>
<i class="i-af-lattlast"></i>
<i class="i-assistive-listening-systems"></i>
<i class="i-universal-access"></i>

Sök

<i class="i-af-search"></i>
<i class="i-af-hitta-lediga-jobb"></i>
<i class="i-af-sokkandidat"></i>

Sociala medier

<i class="i-af-facebook-square"></i>
<i class="i-af-linkedin-in"></i>
<i class="i-af-twitter"></i>
<i class="i-af-instagram"></i>

Körkort

<i class="i-car"></i>
<i class="i-bus"></i>
<i class="i-truck"></i>
<i class="i-motorbike"></i>