http://qualiwiki.homepc.it//index.php?action=history&feed=atom&title=Gestione_icone_QV_LegsGestione icone QV Legs - Cronologia2026-07-21T16:09:05ZCronologia della pagina su questo sitoMediaWiki 1.45.3http://qualiwiki.homepc.it//index.php?title=Gestione_icone_QV_Legs&diff=635&oldid=prevQualivision: Creata pagina con "Impostazioni consigliate su Google Fonts Esempio di icona selezionata Questa pagina descrive come cercare, aggiungere ed esportare nuove icone da utilizzare all'interno del '''QVLegs''', mantenendo uno stile coerente con le icone già presenti nel progetto. Per cercare nuove icone andare su '''Google Fonts''', nella sezione '''Icons'''. Per mantenere la coerenza grafica con le icone già utili..."2026-06-26T14:40:46Z<p>Creata pagina con "<a href="/index.php/File:Icone1.png" title="File:Icone1.png">thumb|right|300px|Impostazioni consigliate su Google Fonts</a> <a href="/index.php/File:Icone2.png" title="File:Icone2.png">thumb|right|300px|Esempio di icona selezionata</a> Questa pagina descrive come cercare, aggiungere ed esportare nuove icone da utilizzare all'interno del '''QVLegs''', mantenendo uno stile coerente con le icone già presenti nel progetto. Per cercare nuove icone andare su '''Google Fonts''', nella sezione '''Icons'''. Per mantenere la coerenza grafica con le icone già utili..."</p>
<p><b>Nuova pagina</b></p><div>[[File:Icone1.png|thumb|right|300px|Impostazioni consigliate su Google Fonts]]<br />
[[File:Icone2.png|thumb|right|300px|Esempio di icona selezionata]]<br />
<br />
Questa pagina descrive come cercare, aggiungere ed esportare nuove icone da utilizzare all'interno del '''QVLegs''', mantenendo uno stile coerente con le icone già presenti nel progetto.<br />
<br />
Per cercare nuove icone andare su '''Google Fonts''', nella sezione '''Icons'''.<br />
<br />
Per mantenere la coerenza grafica con le icone già utilizzate, impostare la ricerca come mostrato nelle immagini a destra. <br />
Le impostazioni sono importanti perché permettono di avere icone uniformi per dimensione, colore, spessore e stile.<br />
<br />
Le impostazioni principali da mantenere sono:<br />
<br />
* '''Stile:''' Material Symbols Outlined<br />
* '''Dimensione:''' 48 px<br />
* '''Colore:''' #065489<br />
* '''Peso:''' 400<br />
* '''Grade:''' 0<br />
* '''Optical size:''' 48<br />
* '''Fill:''' facoltativo, da valutare in base all'icona scelta<br />
<br />
Il riempimento dell'icona non è obbligatorio: può essere attivato o lasciato disattivato a seconda del tipo di icona e del risultato visivo finale. <br />
L'obiettivo è scegliere sempre la variante più coerente con il set già presente.<br />
<br />
In alternativa è possibile usare direttamente il seguente link, che contiene già le impostazioni preimpostate:<br />
<br />
https://fonts.google.com/icons?icon.size=48&icon.color=%23065489&icon.platform=web&selected=Material+Symbols+Outlined:pie_chart:FILL@0;wght@400;GRAD@0;opsz@48<br />
<br />
<br />
Una volta individuata l'icona più adatta, selezionarla su Google Fonts. <br />
Nel pannello laterale destro usare l'opzione '''Copia'''.<br />
<br />
Successivamente aprire '''Figma'''. <br />
L'accesso è già salvato nel browser '''QV'''.<br />
<br />
Incollare la nuova icona in Figma insieme alle altre icone già presenti. <br />
È importante inserirla nello stesso file o nello stesso gruppo delle altre, così da mantenere sempre un set completo, ordinato e aggiornato.<br />
<br />
Dopo aver incollato l'icona, controllare che sia coerente con quelle già utilizzate nel progetto.<br />
<br />
Se l'icona non risulta perfettamente coerente, è possibile modificarla direttamente in Figma oppure scegliere una variante più adatta da Google Fonts.<br />
<br />
<br />
Quando l'icona risulta corretta e coerente con le altre, esportarla da Figma in formato '''PNG'''.</div>Qualivision