Icon
The Icon widget displays graphical icons from various icon libraries. It provides a simple way to add visual elements to your application using scalable vector icons that can be customized in size and color. Icons are essential for creating intuitive user interfaces and improving visual communication.
The Icon widget supports multiple icon packs including Material Icons, Cupertino Icons, Line Icons, and FontAwesome, giving you access to thousands of professionally designed icons.
Icon Properties
Icon
The selected icon from available icon packs. Displays the icon preview and pack.key identifier.
Icon Size
The size of the icon in pixels. Can be a static value or dynamic expression.
Icon Color
The color of the icon in HEX format (e.g., #000000). If not specified, uses the default text color.
Icon Selection Interface
When you click on the Icon property, a modal opens with the following features:
Icon Browser
Icon Preview: Live preview of the selected icon
Search & Browse: Browse through different icon packs and search for specific icons
Icon Identification: Selected icons are displayed with their pack and key identifier (e.g.,
material.rocket)
Icon Management
Change Icon: Click the icon selector button to browse and select a new icon
Clear Icon: Use the clear button to remove the currently selected icon
No Selection State: When no icon is selected, displays "No icon selected"
Supported Icon Packs
The Icon widget supports the following icon libraries:
Material
Google's Material Design icons, perfect for modern Android-style interfaces.
Cupertino
Apple's iOS-style icons, ideal for iOS-themed applications.
Line Icons
Clean, minimal line-style icons for contemporary designs.
FontAwesome
Comprehensive icon library with various styles and categories.
Icon Usage Examples
Navigation: Use directional icons for navigation buttons
Actions: Represent actions with intuitive icons (save, edit, delete)
Status: Show status indicators with appropriate icons
Categories: Visually categorize content with relevant icons
Social: Display social media icons for sharing features
Default Properties
The Icon widget supports all Default Properties.
Last updated