{% extends "mybase.html" %} {% from 'macro/icon.html' import render_icon %} {% block content %}

Icon

{% raw %}{{ render_icon('heart') }}{% endraw %}
Output: {{ render_icon('heart') }}
{% raw %}{{ render_icon('heart-fill') }}{% endraw %}
Output: {{ render_icon('heart-fill') }}

Icon with custom size

{% raw %}{{ render_icon('heart', 32) }}{% endraw %}
Output: {{ render_icon('heart', 'h1', size=32) }}

Icon with custom size and Bootstrap color

{% raw %}{{ render_icon('heart', 25, 'primary') }}{% endraw %}
Output: {{ render_icon('heart', size=25, icon_class='text-primary') }}
{% raw %}{{ render_icon('heart-fill', 25, icon_class='text-primary') }}{% endraw %}
Output: {{ render_icon('heart-fill', size=25, icon_class='text-primary') }}

Icon with custom size and custom color

{% raw %}{{ render_icon('heart', '2em', 'red') }}{% endraw %}
Output: {{ render_icon('heart', size='2em', color='red') }}

Icon with title and descr

{% raw %}{{ render_icon('heart', title='Heart', desc='A heart.') }}{% endraw %}
Output: {{ render_icon('heart', title='Heart', desc='A heart.') }}

Button example

Download {{ render_icon('arrow-down-circle') }} Bookmark {{ render_icon('bookmark-star') }} {% endblock %}