DEV

Flicon: Find your Fluent UI icons in one simple place

Flicon: Find your Fluent UI icons in one simple place

Have you ever found yourself looking for an icon, but not able to quite track down the perfect one? Between SPFx projects and the new modern list formatting capabilities in Microsoft 365, I am often looking for the icon to perfectly represent my idea. Until now, this process involved browsing through the Fluent UI website in hopes that I will stumble across one that works. Now there is a better way: Flicon.io

This new site is the brainchild of Chris Kent, Microsoft Office Development MVP and speaker extraordinaire. As a member of the Microsoft 365 PnP Core team, Chris spends a lot of time working on samples of List formatting, often using icons in those samples. I’m betting that he got tired of trying to find appropriate icons for his entertaining demos on the weekly “Sharing Is Caring” calls and decided to build a better solution. The problem with the current process is that you can only search for icons by name and often the name does not fit into the category of icon you are looking for.

Flicon.io is a tool that lets you search for icons based on categories and tags that have been associated with each icon instead of just the name. Let’s take a look at how that works.

New Debug Options for SPFx (Edge)

New Debug Options for SPFx (Edge)

As the development pendulum has swung back to the “front end,” I find a majority of my time in VS Code. Back in the early days of VS Code, I missed the rich toolset of Visual Studio, but as I became more comfortable with the combination of command line and graphical interfaces in VS Code, as well as the explosion of awesome extensions for VS Code, I found myself opening Visual Studio less and less. (Honestly, when I open Visual Studio these days, it’s because the icon is next to VS Code in my taskbar and I accidentally click the wrong one. As long as it’s open, I apply the latest updates and close it back down.)

SharePoint Framework (SPFx) Quick Start

SharePoint Framework (SPFx) Quick Start

DEPRECATED: This article has been updated. Please see the latest version at SharePoint Framework (SPFx) Quick Start (Gulp toolchain for SPFx v1.21.0 and earlier)

This article left in place for historical reference.

For the several years now, I have concentrated on helping developers to get started coding in the SharePoint Framework (SPFx). My primary message has always been that, “despite it being a complete departure from previous coding approaches in the SharePoint, it’s not as difficult as it seems and you should just give it a try.” I am updating that presentation to include recent changes to SPFx as I prepare for upcoming engagements at North American Collaboration Summit (NACS) and ShareCloud Summit and will post it on this site when available.