import{j as e,M as s}from"./index-DrihcDsL.js";import{useMDXComponents as n}from"./index-AbTb4-b7.js";import{I as a}from"./Icons-B501neT_.js";import{T as r}from"./custom-title-docs-D7I2FjiO.js";import"./iframe-BInjGDnT.js";import"./index-C__6K5js.js";import"./index-Bhqu_tAV.js";function t(o){const i={code:"code",h1:"h1",p:"p",...n(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Foundation/Icons"}),`
`,e.jsx(r,{title:"Icone",links:[{text:"Intro",href:"#intro"},{text:"Icone più utilizzate",href:"#icone-più-utilizzate"}]}),`
`,e.jsx(i.h1,{id:"intro",children:"Intro"}),`
`,e.jsxs(i.p,{children:["Gli elementi iconici esprimono funzionalità e collegamenti che potrebbero richiedere un supporto testuale. Le icone scelte sono progettate ",e.jsx("br",{}),` per
avere un family look tra loro in modo da aumentarne l'unità visiva. La coerenza iconografica è possibile grazie a `,e.jsx("a",{href:"http://fontawesome.io/",target:"_blank",children:"FontAwesome"}),": uno ",e.jsx("br",{}),` speciale tipo di
font composto esclusivamente da icone vettoriali, accessibili e customizzabili tramite CSS. Questo set di icone è molto ricco e `,e.jsx("br",{}),"per utilizzarlo è necessario aggiungere all'elemento ",e.jsx(i.code,{children:"<span></span>"}),` l'attributo
`,e.jsx(i.code,{children:'class="fa"'})," e la classe identificativa dell'icona stessa.",e.jsx("br",{})," Esempio: ",e.jsx(i.code,{children:'<span class="fa fa-pencil"></span>'})," mostrerà l'icona di una matita."]}),`
`,e.jsx("br",{}),`
`,e.jsx(i.h1,{id:"icone-più-utilizzate",children:"Icone più utilizzate"}),`
`,e.jsx(a,{})]})}function j(o={}){const{wrapper:i}={...n(),...o.components};return i?e.jsx(i,{...o,children:e.jsx(t,{...o})}):t(o)}export{j as default};
