How to add icon to submit button?

[PanderMusubi]

I have a form with

submit = SubmitField('Search')

and a template with

{{ render_field(form.submit) }}

which renders to

<input class="btn btn-primary btn-lg btn-block" id="submit" name="submit" type="submit" value="Search">

but I want the search icon on the submit button instead of the text Search. Anybody know how to do this? Thanks.

[PanderMusubi]

This works, but I hope it can be done in a shorter way

<button class="btn btn-primary btn-lg btn-block" id="submit" name="submit" type="submit" value="Search">{{ render_icon('search') }}</button>

[PanderMusubi]

If there is no alternative way or supporting this in our implementation, okay I add this to our documentation?

[Technetium1]

@PanderMusubi It is documented here: https://bootstrap-flask.readthedocs.io/en/stable/macros/#render-icon

Please add support for overriding fill color to it:

bootstrap-flask/flask_bootstrap/templates/base/utils.html

Lines 13 to 21 in ed59d2a

	{% macro render_icon(name, size=config.BOOTSTRAP_ICON_SIZE, color=config.BOOTSTRAP_ICON_COLOR, title=None, desc=None) %}
	{% set bootstrap_colors = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', 'muted'] %}
	<svg class="bi{% if not color %}"{% elif color in bootstrap_colors %} text-{{ color }}"{% else %}" style="color: {{ color }}"{% endif %}
	width="{{ size }}" height="{{ size }}" fill="currentColor">
	{% if title is not none %}<title>{{ title }}</title>{% endif %}
	{% if desc is not none %}<desc>{{ desc }}</desc>{% endif %}
	<use xlink:href="{{ url_for('bootstrap.static', filename='icons/bootstrap-icons.svg') }}#{{ name }}"/>
	</svg>
	{% endmacro %}