This plugin will give you a CSS.gg Icon as an Element and CSS.gg Icon is clicked as an Event. You need to add the Element to your Editor and set the Icon Name, Icon Size and Color for the plugin to work. And in the Workflow add the Event 'CSS.gg Icon is clicked' to make the Icon clickable with actions This element contains the following properties to be used:

• Icon Name: Set the name of the icon that will be displayed. There are over 700+ icons and you can get the full list here: https://css.gg/app
  

Only write the Icon Name, don't add the ''gg" suffix. For example if you want to use the Icon for 'Adidas', simply write 'adidas' instead of 'gg-adidas' in the Icon Name property.

• Size: The general size of the icon. As bigger as the size gets, the element size should also get bigger. Default is 1.
  
• Color: Color of the Icon.
  
• Cursor: Select from a dropdown what type of cursor will be shown on hover. For a link-type cursor select pointer. Default is default.
  

This are step-by-step instructions on how to get the plugin working on any Bubble App.

1. Add this plugin to your application.
   
2. In the Design tab, search for the 'CSS.gg Icon' in the Visual Elements list. Drag it into your Editor.
   
3. Define what icon will be display and write it's name (for example 'adidas').
   
4. Set a size for the Icon (for instance 2).
   
5. Choose a color for the Icon.
   
6. Select any option available in the dropdown for the cursor to be displayed on icon hover (for example pointer).
   
7. Go into Workflow and add the Event 'A CSS.gg Icon is clicked' to make the Icon clickable