{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"appanvil-karma-designer","parameters":{"macroParams":{"summary":{"value":" Custom Icons Your Icons, Your Way Introduction Upload up to 40 custom SVG icons to use in Aura Buttons, Cards, Dividers, Panels, and Expands, as well as in Karma Pro. Icons are securely stored as attachments in a designated Confluence space within your environment. 1. Create the Database To enable the Aura Custom Icons feature, the Confluence Administrator must create a dedicated space for icon storage. Follow these instructions carefully:Create a New SpaceGo to your Confluence instance and create a new space.Set the Space Key to auradatabase.Name the space Aura Database Space.Add a Page to the SpaceWithin the newly created Aura Database Space, create a page named Custom Icons.Important Notes:Ensure the space and its content can be read by everyone in your Confluence instance.Do not modify any content within this space, including the pages and attachments. 2. Uploading Custom Icons Once the space is created, you can start uploading custom SVG icons. Follow these steps:Navigate to the Custom Icons section in the Aura Settings.Click the \"Upload Icon\" button.Select and upload your custom SVG file (up to 40 icons).Icons will be stored as attachments in the Custom Icons page within the designated space. 3. Managing Your Icons You can manage the uploaded icons directly within the Custom Icons interface:Rename an Icon: Hover over an uploaded icon and click the pencil icon to rename it.Delete an Icon:Hover over an icon and click the trash icon to remove it. Adjusting SVG Files for Editable Icon Colors To ensure that the icon colors can be directly edited in Karma, you need to make some adjustments to your SVG file. Follow these steps:Step 1Use a text editor like Notepad, VS Code, or any other plain text editor to open the SVG file.Step 2Locate the first line of the SVG file, which begins with the