Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Any way to use font awsome stack icons?

See original GitHub issue

I’m currently using the data-jstree, like <li data-jstree='{"icon":"glyphicon glyphicon-leaf"}'>

Is there a way to use Font-awsome stacking ability to plug a stacked icon into jstree?

see details: http://fortawesome.github.io/Font-Awesome/examples/

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>

Issue Analytics

State:
Created 8 years ago
Reactions:2
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

gpetrovcommented, Sep 21, 2015

this will be really nice to have built-in, or available via official plugin

1reaction

vakatacommented, Jul 23, 2015

Currently no - I am not planning to add support for this, but it should be possible to create a plugin that does this - after creating a plugin that adds the stacked icons, the original icons can be hidden - there is a setting for that. Something like this: http://jsfiddle.net/DGAF4/586/

Top Results From Across the Web

Stack Icons | Font Awesome Docs

To stack multiple icons, use the fa-stack class on the parent HTML element of the 2 icons you want to stack. Then add...

How to stack/overlap more than 2 icons in Font Awesome?

You importet some css and i think the css code just dont accept more overlapping icons. Maybe you have to write your own...

7 FontAwesome tricks you probably didn't know about

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger...

Cornered stacked Font Awesome icon - CodePen

This shows a basic styling to corner an icon in a fa-stacked container using Font Awesome...

Stacked icons - W3Schools Tryit Editor

<html> · <head> · <title>Font Awesome Icons</title> · <meta name="viewport" content="width=device-width, initial-scale=1"> · <link rel="stylesheet" href="https://cdnjs.