new icon: jiraalign (original,plain,original-wordmark,plain-wordmark)

[yeyeto2788]

Double check these details before you open a PR

• [X] PR does not match another non-stale PR currently opened
• [X] PR name matches the format new icon: Icon name (versions separated by comma). More details here
• [X] PR's base is the develop branch.
• [X] Your icons are inside a folder as seen here
• [X] SVG matches the standards laid out here
• [X] A new object is added in the devicon.json file as seen here

This PR closes #789

Link to prove your SVG is correct and up-to-date.

[yeyeto2788]

That is really weird cuz I do see it correctly in Inkscape

Any suggestions on how to fix it? Maybe exporting it differently?

[yeyeto2788]

I'll grouping them to see if that fixes the issue.

[yeyeto2788]

I had to use the ones you provided on the issue itself as the grouping didn't work. Thanks for that!

[lunatic-fox]

Hello there! @yeyeto2788 you're doing great! I just have some recommendations to the icons. First, I think you'll need to change the icons name and add two more icons:

• original to original-wordmark
• plain to plain-wordmark

And add the original and plain icons based on the square-like icon recommended by @Snailedlt on #789 issue.

To original-wordmark icon you can ungroup all and unify just "Jira Align" characters in one path. To plain-wordmark icon, you can ungroup all and unify all in just one path. All icons need to be an 128×128px square.

Wish for the best!

[yeyeto2788]

Hey @lunatic-fox!

I think I have covered everything you asked me for but if you see there is something missing just let me know.

Best.

[lunatic-fox]

The icons look great now @yeyeto2788! 🤩

However there are some issues yet:

• plain and plain-wordmark paths need to be united in just one path, to keep them as simple as possible. Source doc: https://github.com/devicons/devicon/wiki/SVG-Standards

• In devicon.json the icon color is #F04E98, I suggest #2684FF since is the main color of the original version.

• You can add plain-wordmark to font array of versions object of devicon.json.

• A recommendation is to ungroup all since you already fixed the invisible paths issue in your last icons.

Keep rocking! 🚀

[yeyeto2788]

Hey @lunatic-fox!

I hope this time is correct. So for uniting the path I followed these steps:

1. Ungroup the objects Ctrl Shift G
2. Select all Ctrl A
3. Path > Union Ctrl + +

I guess that could be added into the documentation. I really helped me a lot the example with the box creation and this might as well help others.

[lunatic-fox]

Hello @yeyeto2788! In short:

• original ✔
• original-wordmark ✔
• plain ✔

But plain-wordmark is grouped. The key command to ungroup is Shift+Ctrl+G, otherwise it'll probably group instead. However, you can also follow that way bellow.

Checking layers

• Go to Layers and Objects. If it's not opened you can open it by Object > Layers and Objects... or Shift+Ctrl+L
• If you see some layer with , that means this layer is a group of layers.
• You can ungroup this layer by right clicking on the layer and selecting Ungroup.
• To be sure that everything is ungrouped, all layers should be with this icon
• Once all layers are paths , them select all and Unify by Path > Union or Ctrl++
• Lastly you should see just one path layer.

Hope everything works fine! 👍🏼

[yeyeto2788]

Hopefully this one is the last one. Once again sorry for the inconveniences.

Best.

[lunatic-fox]

No worries! There is no inconvenience at all. 🙂 Like the other PR, I haven't seen before just two things: the altnames and tags properties are missing after name property.

Suggestions of tags

"tags": [
    "development",
    "integration",
    "software"
]

The icons are great now! 🎉

Like I said before you can also contact us on Discord server.

I also loved your idea of adding some instructions on using Inkscape! I think this should be a feature request to the Wiki.

[Snailedlt]

@yeyeto2788

Hey @lunatic-fox!

I hope this time is correct. So for uniting the path I followed these steps:

1. Ungroup the objects Ctrl Shift G
2. Select all Ctrl A
3. Path > Union Ctrl + +

I guess that could be added into the documentation. I really helped me a lot the example with the box creation and this might as well help others.

Yes, this could be added to the wiki as a part of this issue: #1306

[lunatic-fox]

@yeyeto2788

Hey @lunatic-fox! I hope this time is correct. So for uniting the path I followed these steps:

1. Ungroup the objects Ctrl Shift G
2. Select all Ctrl A
3. Path > Union Ctrl + +

I guess that could be added into the documentation. I really helped me a lot the example with the box creation and this might as well help others.

Yes, this could be added to the wiki as a part of this issue: #1306

I'll be adding this later Instructions to resize to square and Checking layers.

[Snailedlt]

@lunatic-fox Nice! Please add links to those as comments with the same format I used in the issue I created: #1306

[github-actions[bot]]

Hi!

I'm the check-bot and we have some issues with your PR:

SVG Error in 'jiraalign-plain.svg':
- 'viewBox' is not '0 0 128 128' -> Set it or scale the file using https://www.iloveimg.com/resize-image/resize-svg.

Check our CONTRIBUTING guide for more details regarding these errors.

Please address these issues. When you update this PR, I will check your SVGs again.

Thanks for your help, SVG-Checker Bot :smile:

[Snailedlt]

Hi!

I'm the check-bot and we have some issues with your PR:

SVG Error in 'jiraalign-plain.svg':
- 'viewBox' is not '0 0 128 128' -> Set it or scale the file using https://www.iloveimg.com/resize-image/resize-svg.

Check our CONTRIBUTING guide for more details regarding these errors.

Please address these issues. When you update this PR, I will check your SVGs again.

Thanks for your help, SVG-Checker Bot 😄

@yeyeto2788 Please resize the viewbox as explained above. I recommend using iloveimg to make it fast and easy :)

[github-actions[bot]]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers, Peek Bot :blush:

[github-actions[bot]]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers, Peek Bot :blush:

[github-actions[bot]]

env.MESSAGE

[yeyeto2788]

Looks good now, but the icons are still quite big. Could you please optimize them using this method? #1306 (comment)

I did that step before my last commit but I have done again hoping it does not screw anything as the last time.

Best.

[github-actions[bot]]

Hi there,

I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using icomoon.io.

Here are the SVGs as intepreted by Icomoon when we upload the files:

Here are the zoomed-in screenshots of the added icons as SVGs:

Here are the icons that will be generated by Icomoon:

Here are the zoomed-in screenshots of the added icons as icons:

Here are the colored versions:

The maintainers will now check for:

1. The number of Glyphs matches the number of SVGs that were selected.
2. The icons (second group of pictures) look the same as the SVGs (first group of pictures).
3. The icons are of high quality (legible, matches the official logo, etc.)

In case of font issues, it might be caused by Icomoon not accepting strokes in the SVGs. Check this doc for more details and fix the issues as instructed by Icomoon and update this PR once you are done.

Thank you for contributing to Devicon! I hope that your icons are accepted into the repository.

Note: If the images don't show up, it has been autodeleted by Imgur after 6 months due to our API choice.

Cheers, Peek Bot :blush: