new icon: vite (original, original-wordmark)

[kilianpaquier]

Double check these details before you open a PR

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

This PR closes NONE

Reworking this PR : #1251

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

https://www.vite.org/

[github-actions]

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 😊

[Snailedlt]

Thanks for picking up this PR, this is a great addition to the project 🚀

LGTM ✔️

[github-actions]

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 😊

[lunatic-fox]

Made some changes.

Approved! ✔
Thank you for this contribution! 🚀

[Snailedlt]

@lunatic-fox Could you please share a guide on how to remove those bug lines that show up in the icomoon preview? :)

[lunatic-fox]

@lunatic-fox Could you please share a guide on how to remove those bug lines that show up in the icomoon preview? :)

I want to, but it depends of the icon.
However there is some kind of pattern, so let's take a look.

Some tips of how to proceed when this bug happens

• Try to identify where the bug line begins.
• See if there is any unnecessary node like:
  • A curve node between some line segment.
  • A node that is not preserving the shape of a curve segment.
• See if there is a line segment made by two curve nodes.
• Once identified you can:
  • Remove those unnecessary nodes, taking care to preserve the shape.
  • Or rebuild the shape.

I seriously wish to detail it quite more, but I hope those tips make this issue at least a little bit clear.

[Snailedlt]

@lunatic-fox Thanks, that helped a bit :)

Would love it if you went through an example, and showed before and after code+preview.

An explanation for some of the terms like node, curve segment, curve node, line segment and so on would also be nice. What is a node? How does it look in the code? How do I identify where the bug line begins?

I think if you use the template of your answer above, add some explanations, examples, code snippets and screenshots/previews, the guide would be more than good enough!

We just need to know how to identify the nature of the issue, and what the usual causes are, then finding out how to fix it becomes much easier with some examples too :)