IMPORTANT
We have upgraded our icon tool, including:
- Improved font selector tool
- More icons (2,000+)
As part of this upgrade, because of the new way icon files are named, there is a slight ‘bug’. When editing an icon widget, you will need to update all of the icons in the widget. Otherwise, they will ‘reset’ as ‘no icon’. This is also the case for department pages.
Widgets/pages that haven’t been edited are not impacted by this change.
Overview
Using iconography is an easy way to add visual context to text. Icons also load faster on a web page than images and, when done correctly, are uniformly accessible.
Icons and ProudCity
Through the ProudCity Pagebuilder, governments can easily add more than 2,000 icons to web pages. The icons are powered by Font Awesome, one of the largest collections of open icons in the world.
Icon widgets
Icons can be added through the ProudCity Pagebuilder ‘Icon link’ and ‘Icon set’ widgets.
To add an icon:
- Use the ‘Search icons’ box to find your icon.
- Select the icon.
- Save the icon widget.
- Save the page.
Department icons
Icons are also part of the ‘Departments’ display. You can assign each department an icon in the department admin page, and these will show when using the ‘Department list’ widget ‘Icons view’.
Department icon admin:
Departments list admin:
Departments list display:
Icons upgrade
ProudCity offers a premium upgrade to Font Awesome Pro. Submit a support ticket if you are interested in this upgrade.
ProudCity is a digital government platform that makes it easy and cost-effective to launch and manage all aspects of digital government services, including websites, meetings, online forms and payments.
Subscribe to our newsletter or connect with us on Twitter, LinkedIn and elsewhere.