Getting Started

Getting Started Creating your first Fyne app Run Fyne Demo Application and RunLoop Updating Content in your GUI Window Handling Testing Graphical Apps Packaging for Desktop Mobile Packaging Run in a Browser App Metadata Distributing to App Stores Compiling for different platforms

Exploring Fyne

Canvas and CanvasObject Container and Layouts Widget List Layout List Dialog List Theme Icons Adding Shortcuts to an App Using the Preferences API Adding app translations System Tray Menu Data Binding Compile Options

Drawing and Animation

Rectangle Text Line Circle Image Raster Gradient Animation

Containers and Layout

Box Grid Grid Wrap Border Form Center Max AppTabs

Widgets

Label Button Entry Choices Form ProgressBar Toolbar

Collections

List Table Tree

Data Binding

Data Binding Binding Simple Widgets Two-Way Binding Data Conversion List Data

Extending Fyne

Building a Custom Layout Writing a Custom Widget Bundling resources Creating a Custom Theme Extending Widgets Numerical Entry

Architecture

Geometry Scaling Widgets Organisation and Packages

Frequently Asked Questions

Layout and Widget Size Theme and Customisation Troubleshooting

API Documentation

Upgrade to v2.5 Fyne API v2.5 app canvas container data/binding data/validation dialog driver driver/desktop driver/mobile driver/software lang layout storage storage/repository test theme widget

List My App

Theme Icons

Each of the following icons is available via the theme package as a function. For example theme.InfoIcon().

The icons are also available via their source icon name by using the ThemeIconName with the Icon method on a struct implementing fyne.Theme. For example theme.Icon(theme.IconNameInfo).

List

AccountIcon
ArrowDropDownIcon
ArrowDropUpIcon
BrokenImageIcon
CancelIcon
CheckButtonIcon
CheckButtonCheckedIcon
ColorAchromaticIcon
ColorChromaticIcon
ColorPaletteIcon
ComputerIcon
ConfirmIcon
ContentAddIcon
ContentClearIcon
ContentCopyIcon
ContentCutIcon
ContentPasteIcon
ContentRedoIcon
ContentRemoveIcon
ContentUndoIcon
DeleteIcon
DocumentCreateIcon
DocumentIcon
DocumentPrintIcon
DocumentSaveIcon
DownloadIcon
ErrorIcon
FileApplicationIcon
FileAudioIcon
FileIcon
FileImageIcon
FileTextIcon
FileVideoIcon
FolderIcon
FolderNewIcon
FolderOpenIcon
GridIcon
HelpIcon
HistoryIcon
HomeIcon
InfoIcon
ListIcon
LoginIcon
LogoutIcon
MailAttachmentIcon
MailComposeIcon
MailForwardIcon
MailReplyAllIcon
MailReplyIcon
MailSendIcon
MediaFastForwardIcon
MediaFastRewindIcon
MediaMusicIcon
MediaPauseIcon
MediaPhotoIcon
MediaPlayIcon
MediaRecordIcon
MediaReplayIcon
MediaSkipNextIcon
MediaSkipPreviousIcon
MediaStopIcon
MediaVideoIcon
MenuExpandIcon
MenuIcon
MoreHorizontalIcon
MoreVerticalIcon
MoveDownIcon
MoveUpIcon
NavigateBackIcon
NavigateNextIcon
QuestionIcon
RadioButtonCheckedIcon
RadioButtonIcon
SearchReplaceIcon
SearchIcon
SettingsIcon
StorageIcon
UploadIcon
ViewFullScreenIcon
ViewRefreshIcon
ViewRestoreIcon
ViewZoomFitIcon
ViewZoomInIcon
ViewZoomOutIcon
VisibilityOffIcon
VisibilityIcon
VolumeDownIcon
VolumeMuteIcon
VolumeUpIcon
WarningIcon

Using other color sets

Each icon can be used as a source for a particular themed color using the various public helper methods:

NewDisabledThemedResource
NewErrorThemedResource
NewInvertedThemedResource
NewPrimaryThemedResource

By default, all icons adapt to the current theme foreground using NewThemedResource which uses the theme foreground color. All Icons are SVG width="24", height="24".

Improve this page