05 Available Standard Libraries

The following standard libraries are available inside Phoenix:

jquery

https://jquery.com/

fontawesome

Fontawesome is used for iconography in Phoenix.

credits: https://fontawesome.com/

Usage

<!-- This example uses <i> element with: 
1. the `fa-solid` style class for solid style
2. the `user` icon with the `fa-` prefix -->
<i class="fa-solid fa-user"></i>

<!-- Or you can use a <span> element, with classes applied in the same way -->
<span class="fa-solid fa-user"></span>

Reference: https://fontawesome.com/docs/web/add-icons/how-to

See the following urls for available icons:

1. https://fontawesome.com/v5/cheatsheet/free/solid
2. https://fontawesome.com/v5/cheatsheet/free/regular
3. https://fontawesome.com/v5/cheatsheet/free/brands

devicon

devicon is used for iconography in Phoenix.

usage: similar to fontawesome

• credits: https://devicon.dev/

file-icons

file-icon is used for iconography in Phoenix.

usage: similar to fontawesome

credits: https://uiwjs.github.io/file-icons/index.html

Additional icon sources

This is not included in Phoenix, but you can get icons from

1. Ionicons

Usage

<!-- This example uses <i> element -->
<i class="devicon-devicon-plain"></i>

NB: Svg icons are not integrated in source.

Reference: https://www.npmjs.com/package/devicon

See the following urls for available icons: https://devicon.dev/