When you’re ready to start adding icons to a page or post, you can can do so using the custom content blocks included with WPIcons. You’ll find them inside of the ‘Icons’ category in the components popover when adding a block to the content.

Custom content blocks included with WPIcons Pro.

Add Icon Block to Page/Post

To add the icon to the page, simply click on the ‘Icon’ block as shown in the screenshot above. Doing so will add the ‘Icon’ content block to the page. Whether you have the default icon set active or not will dictate what icon shows up by default. The icon block settings will appear in the right hand panel when the Icon block is selected.

WPIcons icon block settings when active.

Changing the Icon

Changing the icon is easy using the WPIcons icon browser. To bring up the icon browser to select one of your installed icons, in the right hand settings panel, click on the ‘Change Icon‘ button to bring up the icon browser.

WPIcons Icon Block – Icon Settings Section
WPIcons Pro icon browser after clicking the ‘Change Icon’ button in the screenshot above.

You’ll also find the Icon Size slider in the Icon section of the settings panel. Here you can control the size of the icon using a slider which ranges from 1 to 200. If you need an icon larger than 200px you can override the slider max by typing in the value in the text input field to the right of the slider.

You can then go through each setting section for the icon block and adjust things as needed. For a complete overview of the icon block settings, please see our documentation Icon Block Settings Overview.

Was this article helpful? ·

WPIcons Pro Changelog

2.0.3 - March 29th, 2020

  • Fix number format on output of icon count.
  • Remove rogue alert from modal popup.
  • Fix ‘View Shortcode’ background width.
  • Fix ‘View Shortcode’ .markup-container width back to 50%.
  • Remove reference to $ in all scripts.
  • Remove down arrow in icon browser titles.
  • Add period to ‘Select an animation to add to this icon’ sentence.
  • Update PHPCS standards to ignore shorthand syntax errors.
  • Add --ignore-externals flag to svn checkout.
  • Add PHPUnit testsuite name.
  • Add minimum PHP version/WP Version to plugin header.
  • Update unit tests with new plugin header info.

  • 2.0.2 - August 20th, 2019

  • Fix remote updater not passing license key, causing updates to not work.
  • Fix .zip archives generated during the build.
  • Update remote plugin updater class.

  • 2.0.1 - August 14th, 2019

  • Clean up minor bugs in the Icon Browser/Icon Builder windows.
  • Confirm working with Beaver Builder.
  • Tweak conditional login in Icon Builder windows for easier reading.

  • 2.0.0 - March 1st, 2019

  • Initial release of WPIcons Pro v2.0.0.
  • Complete rewrite of WP SVG Icons Pro.
  • Rebranded to WPIcons Pro.
  • Tons of new features, performance improvements and improvements (See https://www.wpicons.com/features for full feature list)
  • Version v2.0.3 Released

    Released: Yesterday at 3:04 pm EST

    View Changes