Design Guidelines for Contributing New Icons

[waiyan13]

It would be great if there are guidelines for contributors in the documentation.

Examples could be found at Feather Icons or Simple Icons

Any information on dimensions and constraints for current icons would be great.

Also setting guidelines for icon requests would make it easier to submit and clear any ambiguity.

Setting up a project for adding new icons based on those requests will enable faster checking when adding new icons in the future.

[atisawd]

Will work on this soon

[binyamin]

@atisawd How does this look?

[calvinomiguel]

Hey @atisawd
I am so thankful for this project. It's one of the best icon packs I've used. Fontawesome is out there, but I like the curves of your icons better. However as already stated it would be cool to have a guideline, so that more people could contribute to push this project forward. Lots of essential and request icons still missing, and option for thinner versions, or duo-tone icons too. Let us know what are the guidelines so we can contribute too.

If there is already one out there, let me know 😄
Thank you for your work!!

[calvinomiguel]

@atisawd How does this look?

@binyamin were you ever able to contribute somehow? I'd like to but not sure if there was ever a guideline released.

[binyamin]

@calvinomiguel honestly, I don't use this project anymore. I go with feather icons, or its community-driven counterpart lucide.

[atisawd]

Hi @binyamin and @calvinomiguel please do tell me what needs to be done , because i am just one person working on this project since the start, except for npm . I have my own work to take care of , this is just a side project but i still want to improve it.

[calvinomiguel]

Hi @binyamin and @calvinomiguel please do tell me what needs to be done , because i am just one person working on this project since the start, except for npm . I have my own work to take care of , this is just a side project but i still want to improve it.

Hi there, well we just want to have guidelines. A small tutorial so that we know how you create the icons. If we habe that we could help with the creations of icons. I could be crrating pull requests then and if you like ghe work, you'd integrate it to the main branch. This way the project can grow faster. But again, we need guidlines for the code part but as well for the design, to make sure the visuals of the icons are consistant to the existing library.

[atisawd]

Hi @calvinomiguel , i follow the material icon guidelines of
24px x 24px artboard and 2 px padding
the cap for the strokes used are butt cap
the corner for the strokes used are round join
the corner radius used for regular icons are 1px
for solid icons the corner radius is 2px
the spacing between different elements is usually 2px

I will make a comprehensive guide taking other icon sets as an example but for now this should work. You can add the svg in the folders in the repository according to the style.

The naming system for the icons are a prefix of "bx" for regular , "bxs" for solid and "bxl" for logos. Do check that the names aren't repeated.