[New Plugin] File Icons

Hi everyone,

Are you as tired of having to create icons for every file type in your app as we were? If so, we have some good news for you. My team and I have been using an internally developed file icons plugin for a while now, and it’s been incredibly useful for us.

This plugin is super lightweight and versatile, and can display the correct file-type icon just by plugging in the filename. With support for over 350 icons and three different themes, you can easily customize the look and feel of your icons to match your app’s style. And because it supports brightness and grayscale, you can customize the icons even further to fit your app’s theme.

We’ve found it so useful in our own app development that we wanted to share it with others. So I hope you’ll give it a try and get as much use from it as we do.

In addition to its customization options, File Icons also supports the new responsive engine. That means your icons will look great on any device, whether it’s a desktop, tablet, or mobile phone. And if you want to see it in action, be sure to check out our demo page at Techmate Labs and the editor here: techmatelabs | Bubble Editor

Supports:
'3g2','3ga','3gp','7z','aa','aac','ac','accdb','accdt','adn','ai','aif','aifc','aiff','ait','amr','ani','apk','app','asax','asc','ascx','asf','ash','ashx','asmx','asp','aspx','asx','au','aup','avi','axd','aze','bak','bash','bat','bin','blank','bmp','bowerrc','bpg','browser','bz2','c','cab','cad','caf','cal','cd','cer','cfg','cfm','cfml','cgi','class','cmd','codekit','coffee','com','compile','conf','config','cpp','cptx','cr2','crt','crypt','cs','csh','cson','csproj','css','csv','cue','dat','db','dbf','deb','dgn','dist','diz','dll','dmg','dng','doc','docb','docm','docx','dot','dotm','dotx','download','dpj','ds_store','dtd','dwg','dxf','el','enc','eot','eps','epub','exe','f4v','fax','fb2','fla','flac','flv','folder','gadget','gdp','gem','gif','go','gpg','gz','h','hbs','heic','hs','hsl','htm','html','ibooks','icns','ico','ics','idx','iff','ifo','image','img','in','indd','inf','ini','iso','j2','jar','java','jpe','jpeg','jpg','js','json','jsp','jsx','key','kf8','kmk','ksh','kup','less','lex','licx','lisp','lit','lnk','lock','log','lua','m','m2v','m3u','m3u8','m4','m4a','m4r','m4v','map','master','mc','md','mdb','mdf','me','mi','mid','midi','mk','mkv','mm','mo','mobi','mod','mov','mp2','mp3','mp4','mpa','mpd','mpe','mpeg','mpg','mpga','mpp','mpt','msi','msu','nef','nes','nfo','nix','odb','ods','odt','ogg','ogv','ost','otf','ott','ova','ovf','p12','p7b','pages','part','pcd','pdb','pdf','pem','pfx','pgp','ph','phar','php','pkg','pl','plist','pm','png','po','pom','pot','potx','pps','ppsx','ppt','pptm','pptx','prop','ps','ps1','psd','psp','pst','pub','py','pyc','qt','ra','ram','rar','raw','rb','rdf','resx','retry','rm','rom','rpm','rsa','rss','rtf','ru','rub','sass','scss','sdf','sed','sh','sitemap','skin','sldm','sldx','sln','sol','sql','sqlite','step','stl','svg','swd','swf','swift','sys','tar','tcsh','tex','tfignore','tga','tgz','tif','tiff','tmp','torrent','ts','tsv','ttf','twig','txt','udf','vb','vbproj','vbs','vcd','vcs','vdi','vdx','vmdk','vob','vsd','vss','vst','vsx','vtx','war','wav','wbk','webinfo','webm','webp','wma','wmf','wmv','woff','woff2','wps','wsf','xaml','xcf','xlm','xls','xlsm','xlsx','xlt','xltm','xltx','xml','xpi','xps','xrb','xsd','xsl','xspf','xz','yaml','yml','z','zip','zsh'

How to use:
Using this plugin means you no longer have to create icons for every single file type in your app.

  1. Enter the filename or URL, and the plugin will automatically display the correct icon.
    image
  2. That’s it. It’s really simple.

If you’re interested in using this plugin in your app, you can find it in the Bubble plugin marketplace at 🆕 File Icons Plugin | Bubble.

If you have any questions or feedback, feel free to reach out to me. I’m always happy to help. Thanks for your time, and I hope you find this plugin as useful as we do!

1 Like