Skip to main content

Icon

Displays a Material icon.

Icons browser

Examples

Live example

Icons of different colors and sizes

import flet as ft

def main(page: ft.Page):
page.add(
ft.Row(
[
ft.Icon(name=ft.icons.FAVORITE, color=ft.colors.PINK),
ft.Icon(name=ft.icons.AUDIOTRACK, color=ft.colors.GREEN_400, size=30),
ft.Icon(name=ft.icons.BEACH_ACCESS, color=ft.colors.BLUE, size=50),
ft.Icon(name="settings", color="#c1c1c1"),
]
)
)

ft.app(target=main)

Properties

color

Icon color.

name

The name of the icon. You can search through the list of all available icons using open-source Icons browser app written in Flet.

semantics_label

The semantics label for this icon. It is not shown to the in the UI, but is announced in accessibility modes (e.g TalkBack/VoiceOver).

size

The icon's size. Default is 24.

tooltip

The text displayed when hovering a mouse over the Icon.