Links

Icon Collections

From the Settings Tab, you can browse available Icon Collections, remove a custom collection or add a custom collection.
Cwicly provides 4 collections of icons by default.
Included
Font Awesome
Phosphor Light
Phosphor Regular
Phosphor DuoTone
If you want to upload your own custom icons that you have found on the internet or have created yourself, Cwicly makes it easy and simple to use them on your website.

Available Icon Collections

You can browse the Available Icon Collections from here. By default these include Font Awesome, Phosphor light, Phosphor Regular, Phosphor Duotone. Default collections cannot be deleted.
From here, you can add custom icon collections which may be visualised and deleted.
Browse
  1. 1.
    Navigate to the Wordpress Admin Menu
  2. 2.
    Open the
    Themer
  3. 3.
    Click on Settings to open the Settings tab
  4. 4.
    Open Icon Collections dropdown
  5. 5.
    Navigate to Available Icon Collections
  6. 6.
    Browse Available Icon Collections
Delete
  1. 1.
    Navigate to the Wordpress Admin Menu
  2. 2.
    Open the
    Themer
  3. 3.
    Click on Settings to open the Settings tab
  4. 4.
    Open Icon Collections dropdown
  5. 5.
    Navigate to Available Icon Collections
  6. 6.
    Browse Available Icon Collections
  7. 7.
    Select Custom Icon Collection to be removed
  8. 8.
    Click delete button to remove selected Custom Icon Collection

Add Icon Collection

Icon Collections can be added or removed from the Settings Tab.
Add
  1. 1.
    Navigate to the Wordpress Admin Menu
  2. 2.
    Open the
    Themer
  3. 3.
    Click on Settings to open the Settings tab
  4. 4.
    Open Icon Collections dropdown
  5. 5.
    Navigate to Add Icon Collection
  6. 6.
    Input Icon Collection name
  7. 7.
    Upload File
Remove
  1. 1.
    Navigate to the Wordpress Admin Menu
  2. 2.
    Open the
    Themer
  3. 3.
    Click on Settings to open the Settings tab
  4. 4.
    Open Icon Collections dropdown
  5. 5.
    Navigate to Available Icon Collections dropdown
  6. 6.
    Find Custom Icon Collection to be deleted
  7. 7.
    Click Delete button to remove

IcoMoon

To prepare your collection of custom icons, Cwicly recommends using IcoMoon.
Create Collection
  1. 1.
    Go to the IcoMoon app
  2. 2.
    Click on Import icons or drag the icons from your folder to the IcoMoon app
  3. 3.
    Once uploaded, Select the icons you wish to use
  4. 4.
    Click on Generate SVG & More
  5. 5.
    Change the name of the icons if you want
  6. 6.
    Click on the :icon-gear: icon next to the Download button
  7. 7.
    Enter the name of the icon collection
  8. 8.
    Check the Add <title> to definitions in symbol-defs.svg property
  9. 9.
    Click and Download the created collection
Once downloaded, the icon collection you have created will appear as a .zip folder.
Open the folder and find the symbol-defs.svg file. Rename it to your desired name.
Add
  1. 1.
    Go to the main WordPress admin dashboard
  2. 2.
    Navigate to the Cwicly link
  3. 3.
    Go to the settings tab
  4. 4.
    Open the Icon Collections panel
  5. 5.
    Enter the desired Icon Collection Name in the Collection Name field
  6. 6.
    Choose the .svg file downloaded from IcoMoon
  7. 7.
    Click Upload
Remove
  1. 1.
    Go to the main WordPress admin dashboard
  2. 2.
    Navigate to the Cwicly link
  3. 3.
    Go to the settings tab
  4. 4.
    Open the Icon Collections panel
  5. 5.
    Find the Icon Collection you wish to remove
  6. 6.
    Click Delete