Framework7 Icons — Framework7 Icons, Custom Icons, and SVG Integration

In this tutorial, you will learn about Framework7 Icons. We cover key concepts, practical examples, and best practices to help you master this topic.

Framework7 supports multiple icon approaches: the built-in Framework7 Icons font, Material Icons, Font Awesome, and custom SVGs.

<!-- Framework7 Icons -->
<i class="f7-icons">house</i>
<i class="f7-icons">person_fill</i>

<!-- Material Icons -->
<i class="material-icons">home</i>

<!-- Custom SVG icons -->
<i class="icon icon-custom">
  <svg>...</svg>
</i>