• Global community
    • Language:
      • Deutsch
      • English
      • EspaƱol
      • FranƧais
      • PortuguĆŖs
  • ę—„ęœ¬čŖžć‚³ćƒŸćƒ„ćƒ‹ćƒ†ć‚£
    Dedicated community for Japanese speakers
  • ķ•œźµ­ ģ»¤ė®¤ė‹ˆķ‹°
    Dedicated community for Korean speakers
Exit
0

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

Explorer ,
Nov 16, 2021 Nov 16, 2021

Copy link to clipboard

Copied

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

 

caln2456029_0-1637048670522.png

caln2456029_0-1637048670522.png

Views

2.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Nov 16, 2021 Nov 16, 2021

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.

Votes

Translate

Translate
Community Expert , Nov 20, 2021 Nov 20, 2021
  1. In XD select the text.
  2. Choose Object > Path > Convert to Path.
  3. Export the SVG and you should be good.

Votes

Translate

Translate
Community Expert ,
Nov 16, 2021 Nov 16, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

Thank you, thatĀ“s a good idea! šŸ™‚

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 20, 2021 Nov 20, 2021

Copy link to clipboard

Copied

  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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines