Include FontAwesomeFX Icons and Glyphs from FXML
<hr>

<ol>
<li><strong>Sector 1</strong> (The great <a href="https://bitbucket.org/Jerady/fontawesomefx" rel="nofollow noreferrer">FontAwesomeFX</a>)</li>
</ol>

<hr>

<ul>
<li>Mention that the <code>JFXBadge</code> is coming from the <a href="http://jfoenix.com/" rel="nofollow noreferrer">JFoenix</a> Library,
I found the code downloading their demo from <a href="https://github.com/jfoenixadmin/JFoenix/tree/master/demo" rel="nofollow noreferrer">github</a>.</li>
</ul>

<p>Back in the old time of <code>FontAwesomeFX 8.5.0</code>&lt; i could include in the app icons using:</p>

<pre><code>&lt;?import de.jensd.fx.fontawesome.Icon?&gt;
&lt;?import com.jfoenix.controls.JFXBadge?&gt;

&lt;HBox spacing="20" style="-fx-padding: 0 0 0 50;"&gt;
                &lt;children&gt;
 &lt;JFXBadge fx:id="badge1" styleClass="icons-badge" text="1"&gt;
     &lt;Icon awesomeIcon="STAR" size="2em" style=";" styleClass="icon" /&gt;
  &lt;/JFXBadge&gt;               
     &lt;/children&gt;
&lt;/HBox&gt;
</code></pre>

<hr>

<p><strong>Old solution:</strong></p>

<p>The line you needed was:</p>

<pre><code>&lt;Icon awesomeIcon="STAR" size="2em" style=";" styleClass="icon" /&gt;
</code></pre>

<hr>

<p>Now after several updates i added the <a href="https://bitbucket.org/Jerady/fontawesomefx" rel="nofollow noreferrer">newest jar</a> (<code>8.9</code>) but i have no clue how to do this?</p>

<p><strong>In plain java</strong> code you can do it using the answer from <a href="https://stackoverflow.com/questions/31271800/fontawesomefx-only-rectangles-displayed">FontAwesomeFX - only rectangles displayed</a></p>

<hr>

<p><strong>Finally:</strong></p>

<p>How can i include icons from <code>FontAwesomeFX</code> to the <code>.fxml</code> like above so i can live check them through <code>SceneBuilder</code> and i have not to do compile run dance.</p>

<p>Answers including <code>ControlsFX</code> will be also accepted :) , i need to include the icons either in one way or another.</p>

<hr>

<p>An icon from the version <code>8.0.10</code>:</p>

<p><a href="https://i.stack.imgur.com/xYTBu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xYTBu.png" alt="enter image description here"></a></p>

<p>An icon from the version <code>8.9.0</code> (Everything is different):</p>

<p><a href="https://i.stack.imgur.com/yOziJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yOziJ.png" alt="enter image description here"></a></p>

<hr>

<ol start="2">
<li><strong>Sector 2</strong> (The great <a href="http://fxexperience.com/controlsfx/features/" rel="nofollow noreferrer">ControlsFX</a>)</li>
</ol>

<hr>

<p>A <a href="http://(https://bitbucket.org/controlsfx/controlsfx/pull-requests/381/basic-refactoring-of-glyph-font-system-306/diff)" rel="nofollow noreferrer">discussion</a> for the code below from <code>BitBucket</code>.</p>

<p>It is <code>6:45 am</code> I am trying with <code>ControlsFX 8.40</code> and nothing works ..... :( omggggggggg :</p>

<pre><code>&lt;?import org.controlsfx.glyphfont.*?&gt;
//...
&lt;Label&gt;
    &lt;graphic&gt;
        &lt;Glyph fontFamily="FontAwesome" icon="PLUS" /&gt;
    &lt;/graphic&gt;
&lt;/Label&gt;
//...
</code></pre>

<p>I am getting a rectangle from the code above ...</p>