inline

---

• Vertical alignment
• Inline attribute

---

title: Vertical Alignment in Iconify SVG Framework

Vertical alignment

This tutorial is part of Iconify SVG Framework tutorial.

include icon-components/vertical-align-intro

Inline attribute

To add [prop]vertical-align to icon, there are has several options:

• Adding [str]iconify-inline to class list (or replacing [str]iconify with [str]iconify-inline).
• Adding [attr]data-inline attribute.
• Adding [prop]vertical-align style with value [num]-0.125em.

src: icon-components/common/inline.html
demo: true
class: iconify-inline-block

include icon-components/vertical-align-footer