Spotlight Sale: Save 50% on select products now through July 15.

Icon Render

XSGarage - Code Plugins - Jun 21, 2024
Not Yet Rated

IconRender helps you to render icons in UI Widgets by icon-fonts. No more icon images for different screen-sizes.

  • Supported Platforms
  • Supported Engine Versions
    5.2 - 5.4
  • Download Type
    Engine Plugin
    This product contains a code plugin, complete with pre-built binaries and all its source code that integrates with Unreal Engine, which can be installed to an engine version of your choice then enabled on a per-project basis.

IconRender helps you to render icons in UI Widgets by icon-fonts.No more icon images for different screen-sizes.


In the old days, displaying icons in widget is inconvenient and exhausted.You need to upload different size of images for different screen-sizes.Sometime the Anti-Aliasing problem is the pain in the ace.


But work with IconRender, the old days will be long gone.We can display icons with icon-fonts just like website development, selecting correct icon from the panel will be all things we need to do.


Compare to old-school image widget:

  • Smaller bundle size, over 1000 icons for 1MB;
  • Better Anti-Aliasing effect, render scalable bitmap rather than image texture;
  • More useful features incoming: color-changing, shadow/outline-rendering etc.


For now, IconRender can do:

  • Render single color icon;
  • Support Anti-Aliasing effect;
  • Support adjust Color and Opacity under Appearance;
  • Support adjust size from Font->Size under Appearance;
  • Support choice icon visually from panel that display all icons;
  • Support upload *.tff format icon-fonts to add your customized icons;
  • Contain 8 open-source icon-fonts, more than 1000 icons come with package.


A IconFont website: https://www.iconfont.cn (Download and render whatever you like)

A guide for IconRender: https://github.com/XSGarage/IconRender-Support/blob/main/README.md

Open-source icon-fonts packages: Ant Design, Font Awesome, Kenney Board, Kenney PC Input, Kenney PS Input, Kenney NS Input, Kenney XBOX Input, Kenney Steam Input.


📣 📣 📣 Incoming features:

  • Support more text attributes, like: shadow, outline and more;
  • Support render icon in 3D, just like text with Text3D Generator;
  • Support for COLR/CPAL(v0) Font Formats, capable to render multi-color icons.


🎁 🎁 🎁 Something awesome:

Technical Details

Features:

  • Render single color icon;
  • Support Anti-Aliasing effect;
  • Support adjust Color and Opacity under Appearance;
  • Support adjust size from Font->Size under Appearance;
  • Support choice icon visually from panel that display all icons;
  • Support upload *.tff format icon-fonts to add your customized icons;
  • Contain 8 open-source icon-fonts, more than 1000 icons come with package.


WIdgets:

  • IconWidget, to render single color icon.


Number of Widgets: 1

Number of C++ Classes: 4

Support Font Formarts: tff

Support Custom IconFont: Yes

Supported Development Platforms: Windows-MacOS-Linux-iOS-Android

Documentation: https://github.com/XSGarage/IconRender-Support/blob/main/README.md

Important/Additional Notes: IconRender is built on C++, and still in beta version, if you have any problems, please let me know.