In web app development, it is very common that developers will use open-source icon packs in their web app. However, there is no convenient integration to UE4.
To use open source icon packs in UE4, you have to:
- Download each icon as png and import it to UE4 as texture.
- Download the font file and import it to UE4, and treat it as text. Then try to find and copy-paste the UNICODE of each icon.
Both are very inconvenient, so I make this plugin for you!
This plugin provides a super-easy way to use open icons for user widget. It simplifies the use of open icons to choose the one you like by clicking on the detail panel. There also includes a gallery window to copy icon ID if you want to set icons dynamically in blueprints. The search function is also included in this plugin! Although the icons are initially text, you can convert them to texture as you what.
Custom icon packs are also supported now! You can integrate any font-based icon packs into your project like other open-source packs in this plugin.
Document Video:
- Demo and Tutorial
- How to setup Custom Icons
- Create Custom Icons From Zero
Data:
Patch Note:
- V1.1 Add support to convert icons to normal textures.
- V1.2 Add support for custom icon library pack.
Open Icon packs source repo:
- Font Awesome
- Material Design
- Fork Awesome
- Font Audio
- Kenney Icons
Read More Technical Details
Features:
- More than 4000 icons from 5 open-source icon packs are included!
- Visualize and choose icons in the detail panel!
- Set icon by ID with a helper widget to copy the ID!
- Search icon by icon name!
- Convert icons to textures
- Support for any font-based icon packs!
Code Modules:
- OpenIcon [Runtime]
- OpenIconEditor [Editor]
Number of Blueprints: 6
Number of C++ Classes: 10
Network Replicated: No
Supported Development Platforms: Windows
Supported Target Build Platforms: Windows
Important/Additional Notes:
The icon is presented as text, not texture! But you can convert them to textures easily.