Iconland is the ground to do the operations related to grauity-icons. Majorly it should back up all the design svg icons and the final package should publish all the icons present in the latest version of this repository.
- Get .svg files for icons
- Make sure they conform to the icon SVG file naming convention, which is:
- Icon SVG files names can be like:
Collection_icon-name.svg
orCollection_icon-name-filled.svg
, whereCollection
is the collection/group of the icon in PascalCase, likeSystem
,Alert
,Code
, etc. andicon-name
is the name of the icon in kebab-case. - There can be two variants of each icon:
default
orfilled
. - The
filled
variant SVG file should be suffixed by-filled
. - The
default
variant SVG file SHOULD NOT be suffixed by-default
. Checkoutscripts/remove-default-suffix.sh
to remove this unnecessary suffix which is added to file names when exporting from Figma currently.
- Icon SVG files names can be like:
- Add all icon SVG files (NOTE: only .svg files, no folders or other file extension) in the
/optimized
folder. git add
andgit commit
tomaster
branch of the GitHubiconland
repository.- In
grauity
, Run the commandgit submodule update --remote --merge
to update theiconland
submodule to the latest GitHub version. - In
grauity
, Run the commandnpm run build:icons
to generate the filegrauity-icons.scss
.
Please visit grauity for the full context of icon-related workflows.