Document toolboxDocument toolbox

(sv) Vektorikoner (SVG)

SVG (Scalable Vector Graphics) ikoner kan laddas upp och användas precis som andra typer av ikonformat.

SVG ikoner har många fördelar som t.ex:

  • de skalas bra till alla storlekar utan att det sker någon kvalitetsförändring

  • de upplevs skarpa och ger möjlighet till transparenta ikoner.

SVG baserade ikoner har en extra inställning för standard storlek i höjd och bredd (i pixlar), maximalt 512 px. Denna inställning används då ikonen sätts in på ritningen. OBS att denna inställning inte kan sättas större än de värden som är inställda på de generella inställningarna för ikoners Max höjd och Max bredd.

Tips för hur man kan få tag i SVG ikoner

Stora bibliotek med både gratis och avgiftsbelagda SVG ikoner kan hittas på https://fontawesome.com/

Ikonerna här är baserade på SVG grafik och utgör en bra källa för SVG ikoner. 

Steg för att ladda ner en ikon:

  1. Hitta en lämplig ikon genom att använda sökfunktionen i FontAwesome eller bläddra igenom biblioteken.

  2. Använd nedladdningsknappen för att ladda ner ikonen:

  3. Spara filen och ladda upp den i applikationen för användning.

Redigera ikoner

För att redigera ikoner så behövs en FontAwesome licens, kontrollera att rättigheter finns för att göra förändringar!



Det är svårt för oerfarna användare att ändra formen på en SVG ikon. Dock så är enklare ändringar som t.ex. färgändring relativt enkla att utföra.

Om ikonen öppnas i en texteditor så kan man se hur innehållet är uppbyggt:

Denna ikon kommer att visas som svart i en webbläsare:

För att ändra färgen på ikonen kan denna förändring göras:

Efter att ändringen sparats så kommer ikonen att visas med en annan färg:

Ändringar för ikoner kan inte göras efter att ikonen laddats upp i FM Access. Ikonen hanteras där som alla andra ikontyper, t.ex. PNG eller GIF.

Summering

Ikoner kan hämtas från andra källor eller tillverkas för önskat behov.

Det är rekommenderat att:

  • använda enkla geometrier då väldigt komplexa SVG geometrier kan leda till oönskat resultat

  • testa nya ikoner i ett Utkast. Skulle ikonen orsaka problem i systemet så kan utkastet slängas och ikonen tas bort från ikonlistan.


Disclaimer

Font Awesome ikonerna används bara som ett exempel, det finns många andra SVG bibliotek.

Om ikoner från FontAwesome används, kontrollera noga att licenskrav från FontAwesome följs!

Se mer om dettta här https://fontawesome.com/license