@syncpilot/atlas-icons v4.0.2

AtlasUi Icons

Prupose

System icons are designed to be simple, modern, friendly and sometimes whimsical. Each icon is reduced to its minimal form and expresses essential characteristics.

The icons have the following characteristics:

• Are small graphics used to symbolize common actions, files, devices and directories

• Stylistic variations that can be dynamically customized include: Fill, visual size and quality

pack an informative impression into a small form factor

Icons are created in the UX / UI design team using Adobe Creative Cloud. This section helps to create the icons to specification, work around problems and learn about the necessary programs.

Documentation

Adding new icons

Preparation:

1. get extension "SVGOCD" - reduces file size by 20-60%
2. set setting in settings.json: "svgocd.plugins.removeViewBox": false, or re-insert viewBox after executing SVGOCD

New Icon

0. insert new SVG
1. excecute SVGOCD
2. replace color values by "currentColor"
3. Check whether viewBox exists. If not re-insert viewBox="0 0 24 24" within svg opening tag
4. Check colors (npm run build, open demo page in dist folder, press button "Test Color" at the top-right)
5. In case a color is not adopted: try to set fill="currentColor" or stroke="currentColor" within the concerned sub-element (e.g. rect, path, ...) of the svg. Rebuild and check again