Skip to main content
caln2456029
Inspiring
Nov 16, 2021 8:14 AM UTC
Answered

SVG export in XD does not show the icon but the Font Awesome Icon name

Hello everyone, after exporting an asset as SVG, the icons from Font Awesome are not shown for colleagues. Only the name of the icon is displayed. It probably only works for me because the fonts are  embedded locally. The colleagues have not included the FA font. How can I make it so that the FA icons are rendered? Many thanks

 

    Dan Rodney
    Dan RodneyCorrect answer
    Community Expert
    Nov 20, 2021 9:21 AM UTC
    1. In XD select the text.
    2. Choose Object > Path > Convert to Path.
    3. Export the SVG and you should be good.
    Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

    4 replies

    Dan Rodney
    Community Expert
    Dan RodneyCommunity ExpertCorrect answer
    Community Expert
    Nov 20, 2021 9:21 AM UTC
    1. In XD select the text.
    2. Choose Object > Path > Convert to Path.
    3. Export the SVG and you should be good.
    Translate
    Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    caln2456029
    Inspiring
    Nov 22, 2021 9:21 AM UTC

    Hi Dan, I do not need the text, I need to visualize the Font Awesome Icon. SVG Icons should be the solution. Thank you.

    Translate
    Kenneth Kawamoto
    Community Expert
    Community Expert
    Nov 16, 2021 11:23 AM UTC

    Can you ask them to install the fonts? Alternatively you can use SVG icons instead of fonts. May be you can outline the text too.

    Translate
    caln2456029
    Inspiring
    Nov 22, 2021 8:58 AM UTC

    Thank you, that´s a good idea! 🙂

    Translate