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

Community Beginner ,
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

342

Likes

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

Adobe Community Professional , 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.

Likes

Translate

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

Likes

Translate

Translate
Adobe Community Professional ,
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.

Likes

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 Beginner ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

Thank you, that´s a good idea! 🙂

Likes

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
Adobe Community Professional ,
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

Likes

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 Beginner ,
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.

Likes

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