Icon

An icon is a widget that renders an icon through SVG (core.Icon). See icons for information on the standard icons and how to add custom icons. See also SVG.

Icons are typically specified using their named variable in the icons package, and they are typically used in the context of another widget, like a button:

core.NewButton(b).SetIcon(icons.Send)

However, you can also make a standalone icon widget:

core.NewIcon(b).SetIcon(icons.Home)

You can use the filled version of an icon:

core.NewButton(b).SetIcon(icons.HomeFill)

Styles

Icon size

You can change the size of an icon:

ic := core.NewIcon(b).SetIcon(icons.Home)
ic.Styler(func(s *styles.Style) {
    s.IconSize.Set(units.Dp(40))
})

You can specify different icon sizes for each dimension:

ic := core.NewIcon(b).SetIcon(icons.Home)
ic.Styler(func(s *styles.Style) {
    s.IconSize.Set(units.Dp(40), units.Dp(20))
})

Icon size is an inherited property, so you can set it on a parent widget like a button and its icon will update accordingly:

bt := core.NewButton(b).SetText("Send").SetIcon(icons.Send)
bt.Styler(func(s *styles.Style) {
    s.IconSize.Set(units.Dp(30))
})

You can also use font size, which applies to all children including icons:

tf := core.NewTextField(b).SetText("Hello").SetLeadingIcon(icons.Euro).SetTrailingIcon(icons.OpenInNew)
tf.Styler(func(s *styles.Style) {
    s.Font.Size.Dp(20)
})