The Icon

<icon-l layout="gap:1 gap-dir:end scale:1.5">...</icon-l>

An icon is an image that you want to show within text.

When to use ?

You have to show an image in your text

Attributes

• scale : the scale factor you give to icon.
• gap : the gap you add before or after your icon.
• gap-dir : the direction of your gap (before or after you icon).

scale

The scale attribute will change the scale height of your icon by the harmonic value you give.

gap

You can add a gap attribute to add a margin before your icon.

gap-dir

If you want to change the direction of the gap (before or after the icon) you can add gap-dir with start or end as value.

By default the value is start so if you dont set gap-dir, the gap will be at start of your icon.