BuildShip Logo
BuildShip Community

Create FlutterFlow Custom Icon

The template converts SVG files into the files FlutterFlow requires in order to add a custom icon to a FlutterFlow Project. This includes the TTF font file and the corresponding Dart class. It begins with converting SVG files into icon font format, likely TTF (TrueType Font). The workflow then uploads the TTF file to Google Cloud Storage in a base64 format, ensuring that the font can be accessed and utilized efficiently. Following this, a Dart file, which is for Flutter applications is uploaded as a text file to the storage, providing a mechanism to integrate or reference the icon font within a Dart project. The workflow concludes by providing both files, correctly formatted for FlutterFlow

3

Report this template

Select the reason for reporting

Describe the issue in detail

Share template

Link to template

https://templates.buildship.com/template/IpfxUGmIfG99/

Select an example

Inputs

svg

<svg viewBox='0 0 105 93' xmlns='http://www.w3.org/2000/svg'> <path d='M66,0h39v93zM38,0h-38v93zM52,35l25,58h-16l-8-18h-18z' fill='#ED1C24'/> </svg>

iconName

adobe

fontName

MyIcon
This is a static example using sample inputs. Remix the template to run it with your own values.

Output