Different Way's To Add Icons In PowerApps & Websites to find it.

 Different Way's To Add Icons As well As Websites to find An Icons

Almost every apps and website users an icon extensive. One of the most important ways to give your apps more graphical and visual depth is through the use of icons. Numerous icons can be found under the icons menu, along with geometric shapes that can be stacked on top of one another to produce effects. There are many icons available, and many of them will meet the graphical needs of your app without requiring you to create your own graphics. In this video, I'll demonstrate four different ways to use icons in Power Apps in this video. ✅ out-of-the-box icons ✅ icons uploaded as images ✅ SVG’s ✅ Unicode characters

Different Way's To Add An Icons

1. BY USING THE INSERT TAB

You can add the per-build icon that is present in power apps.

Steps- INSERT TAB > ICONS

FOR CHANGING AN ICON WITHOUT DELETING IT

a) You can Change By Using Formula Bar

b) By Using Icon Property In Power Apps

2. BY USING IMAGES

By Adding images you can add custom icons in power apps...

Steps- Add Image >  Add data Source to image >  Add Colorless Button On Image 

3. By Using svgs 

SVGs or Scalable Vector Graphics are an XML-based format for 2D graphics. Many things are possible with SVGs that JPEGs, PNGs & GIFs can’t even come close to such as animation and scalability.  Using SVG in Power Apps is more versatile because you’re telling the browser to create the graphic instead of just displaying it.  Consequently, SVGs are also much quicker to load than graphic files

Steps-

To add SVGs to Power Apps, all you need to do is insert an Image control and

assign the following code format to the image property

"data:image/svg+xml;utf8, " & EncodeUrl("

<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'>

<SVG Code>

</svg>"

Unicode characters

You can Add Unicode in Lable Or text

There are somewhere in the region of 1600 unicode symbols and you can render Unicode in your Power Apps. Basically it’s a number that represents a symbol or a picture, such as an Emoticon, or a picture of some clouds etc.

Websites To Find Icons...

1. Images

https://www.flaticon.com/free-icons/download https://icons8.com/icons/set/download Icons website

https://icons8.com/icons/set/download Bootstrap Icons · Official open source SVG icon library for Bootstrap (getbootstrap.com) Unicode websites https://materialui.co/unicode-characters/ Icons from Font Awesome, Bootstrap, and Google (w3schools.com) “֍” U+058D Right-Facing Armenian Eternity Sign Unicode Character (compart.com)

✨ Thanks for reading! ✨

I hope you found this blog on the Microsoft Power Platform helpful! From Power Apps, Power Automate (Cloud & Desktop), Canvas Apps, Model-driven Apps, Power BI, Power Pages, SharePoint, Dynamics 365 (D365), Azure, and more, I cover a wide range of topics to help you harness these powerful tools. Don’t miss out on future tips, tutorials, and insights—hit that subscribe button to get the latest posts right to your inbox. 💌

💬 I’d love to hear your thoughts! Drop a comment below with your questions, ideas, or feedback—let’s get the conversation started!

🔗 Let’s connect and grow together!
Follow me, Ravindra Jadhav, on your favorite platforms for even more content and updates on Microsoft Power Platform and related technologies:

• 💼 LinkedIn – Let’s network and share ideas!
• 💻 GitHub – Explore my projects and code.
• 🐦 Twitter – Stay updated with quick tips and industry news.
• 📺 YouTube – Watch tutorials and deep dives on Power Platform, Power Apps, Power Automate, and more!

Let’s build something amazing together with Power Platform and Azure! 🚀