Display text with icon in Xamarin forms

Question

How to display text with icon in button? I am using font awesome icons and displaying them using their uni code. Like this:

Now if i add unicode with text the icon doesnt show although text still shows.

This only shows text and Cross instead of icon.

use SourceSansPro-Light.otf

Pratik
– Pratik

2017-07-08 06:44:36 +00:00
Commented Jul 8, 2017 at 6:44 — Pratik
– Pratik, Commented Jul 8, 2017 at 6:44

Richard Hubley · Accepted Answer · 2017-07-08 09:25:16Z

1

Font awsome is a font, so it can't be in the same block as other text. We need 2 blocks so you can control the font for each of them.

answered Jul 8, 2017 at 9:25

Richard Hubley

2,3601 gold badge24 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

don Over a year ago

Hmm i guess that's one way of doing it.

daramasala · Accepted Answer · 2017-07-08 09:30:08Z

1

Use Iconize for Xamarin Forms. It let's you use font awesome and other icon fonts too.

answered Jul 8, 2017 at 9:30

daramasala

3,0402 gold badges30 silver badges35 bronze badges

Comments

Pratik · Accepted Answer · 2017-07-08 09:52:28Z

1

you use hex "&#x" instead of "\u"

eg.

<Button Text="&#x2699;"/>

edited Jul 8, 2017 at 9:52

answered Jul 8, 2017 at 9:47

Pratik

7201 gold badge4 silver badges20 bronze badges

Comments

baskren · Accepted Answer · 2017-07-08 18:04:21Z

0

Forms9Patch has an ImageButton and MaterialButton that does a great job of making this easy.

answered Jul 8, 2017 at 18:04

baskren

1,25212 silver badges22 bronze badges

1 Comment

baskren Over a year ago

Forms9Patch ImageButton and MaterialButton has been deprecated. This function is now standard on Forms9Patch.Button.

Collectives™ on Stack Overflow

Display text with icon in Xamarin forms

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Related