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.