Jump to content
Server Maintenance This Week. ×

Using FontAwesome SVG icons in FM


This topic is 1457 days old. Please don't post here. Open a new topic instead.

Recommended Posts

  • Newbies

I'm trying to import SVG icons from FontAwesome for use as button bar icons in FileMaker, but I can't get them to work.  I'm using FM 16 Advanced. When I try to add them to the FM button bar icon screen, they show up as empty.  Here's the SVG text. Can anybody tell me what I'm doing wrong? Thanks!

 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
  <g class="fm_fill">
    <path d="M448,224a32,32,0,1,0,32,32A32.03667,32.03667,0,0,0,448,224ZM240,128a31.99908,31.99908,0,0,0-32-32H24A23.99993,23.99993,0,0,0,0,120v16a24.00118,24.00118,0,0,0,24,24H86.23828l55.32227,56.94922-10.79493.98047a38.22631,38.22631,0,0,0,0,76.13867l10.79688.98242L64,352H24A23.99993,23.99993,0,0,0,0,376v16a24.00118,24.00118,0,0,0,24,24H208a32,32,0,0,0,0-64H137.76172L208.25,301.11328l20.7793,1.88867a222.14594,222.14594,0,0,1,0-94.0039l-20.78125,1.88867L160,160h48A32.00033,32.00033,0,0,0,240,128ZM448,64c-106.03906,0-192,85.96094-192,192s85.96094,192,192,192,192-85.96094,192-192S554.03906,64,448,64Zm0,256a64,64,0,1,1,64-64A64.07333,64.07333,0,0,1,448,320Z"/>
  </g>
</svg>

Link to comment
Share on other sites

2 hours ago, Fred Illies said:

. When I try to add them to the FM button bar icon screen, they show up as empty. 

I suspect they seem to be empty because they are huge and you only see their corner. According to the Filemaker specification for button icons, the svg element must have width and height attributes. If you add those to your file, it should show up as expected. 

Link to comment
Share on other sites

This topic is 1457 days old. Please don't post here. Open a new topic instead.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.