DEV Community

aristides villarreal
aristides villarreal

Posted on

Utilizar iconos css.gg con Primefaces

Iconos CSS gratis

Descargar Iconos

wget https://unpkg.com/css.gg/icons/icons.css
Enter fullscreen mode Exit fullscreen mode

Copiarlo a la carpeta resources/css

resources/css/icons.css


Enter fullscreen mode Exit fullscreen mode

Agregarlo al template.xhtml

  <h:outputStylesheet name="iconos.css" library="css"/>

Enter fullscreen mode Exit fullscreen mode

En las paginas que se desea incluir

        <i class="gg-apple-watch"></i>

Enter fullscreen mode Exit fullscreen mode

Agregarlo a los componentes

  <p:commandButton id="leftMenuCommandButtonProyectos" iconPos="right" value="  " title="#{msg['menubar.proyectos']}"                                       icon="gg-apple-watch"/> 
Enter fullscreen mode Exit fullscreen mode

Para revisar como se usa de clic en el icono deseado

https://css.gg/app

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

AWS GenAI Live!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️