Hmm, hand-remove the gaps in the tail, that is an obvious artifact of the fill related broken outline in the original svg.
Force push.

hmmm, I don't agree with this one

😆

As I said, controversial (see image below).

For me, as "in a font" the current plain one is just too intricate. Have a look at it sized down:

But that is just for ME and font usage, which might or might not be important for you.
Just wanted to share this icon version with you.

I agree it looks better in the font, but in larger sizes it looks significantly worse. Perhaps we could find some middle ground?
One way would be to roughly inverse the current plain version, and remove some of the detailing lines.

I'm thinking something like this (just with transparent lines instead of white ones):

@Finii
Here's a suggestion. Though it should be optimized more, because it's very large (80Kb).
I optimized it using SVGOMG, but it should probably be optimized more by reducing the amount of nodes in the path.

Sidenote: The old plain version can still be used as a line version instead :)

@Finii What do you think about my suggested version?
Is it something you could get behind, and if so, would you like to optimize it a bit by removing some of the nodes, etc..?
#2264 (comment)

Ok, if you explicitly ask me ;-)

At first glance the icon looked two color, but in fact it is monochrome. The outline of the outline 😬 is rather thin in some places, down to non-existing. So the impression is that the transparent 'line' of the outside is line-art style, but the actual outside 'line' is not line-art anymore and just a suggestion.

This is not quite what I would call 'simple'. If we compare to the original logo material (https://llvm.org/img/LLVMWyvernBig.png)

you turned the actual outline (originally black) into transparent and filled the internal areas; but to keep the line characteristic on a transparent backdrop you added this small suggestion of a outline-outline.

I understand the reasons for the extra outline and also for its slimness, but I wonder if there is a better solution to the problem to transform the two-color-on-transparent filled-area line style into a one-color line style.

One solution could be to non-uniformely use the original outline, sometimes as line-art, sometimes just combine it with the area (to keep the original apprearance), so that the outside of the logo is not line art, but only the inside is drawn with a line-art pen. Hmm, if that makes sense.
Like this:

So just considering the black line in the original icon, it is converted into a white/transparent line if it is surrounded by filled areas on both sides, but if it is only neighbored on one side by an area and on the other side there is 'the nothing' it gets combined to the area.

Also interesting is the approach taken by the Clang Powertools to get a monochrome icon from the old dragon:

https://clangpowertools.com/

Original

This is a somewhat loose interpretation, note the neck, and the number of spikes everywhere.

Whatever. Back to the llvm icon, I have the feeling that your suggested one is too intricate, and the thinner than thin outline - which is needed to keep the outer line a line when the line is transmogrified into 'transparent' - can even be hard to render small.

I'm not sure.

• Is the icon itself worth all the hours of work? 😬 😉
• How simple is simple (as defined by your 'icon guidelines')
• Would it make sense to create at least a potion of the dragon into something concrete following the pink/green pattern above

Maybe I can find some time to spare on this today.

Already in this very fast threshold-to-black-and-white image one can glimpse that the outlying lines are thinner (and should than vanish by combining with the inner areas) while the inside lines really appear more fat more substantial and would be converted to white/transparent lines in a monochrome version.

🤔

Edit:

The outside line really appears often to be just 1/2 the width of the inside lines

Arrows on outside line

The design problem reminds me of that one spiky fish icon, that I solved in a comparable manner, lets see if I can find it...

Ah, it was OpenBSD, here: lukas-w/font-logos#93, but apparently did not materialize?

Something like this, this is a rough sketch needing cleanup:

(This is a combination of the complete-outline and just the inner line-art lines:

More detailed look at the problems, I guess the scaling is different from outline and inner-lines 😒

I produced them with gimp and imported individually into inkscape...

Edit edit edit ... ;-)

And here the svg from above, raw, for you to have a look at in detail

Your version for comparison:

¯\_(ツ)_/¯

Tell me what to do :-D

Size-wise not much different:

@Finii damn you're good!
hmm, I think your version looks better at a distance, while mine looks better closeup... but with some minor changes your version could look a lot better close-up.

There are some places where the transparent lines are inset (in line with the black outline) instead of being outside the black outline. And also some places where the transparent line doesn't reach the outline of the dragon. See this example:
Yours:

Mine:

Notice how the transparent lines at the bottom kinda cut into the thicker part of the tail. I think it would look better if the transparent lines here were shifted outwards a bit so it instead cut through the thinner parts of the tail.
I think you can see the issue a bit better here:

A rough sketch of what I suggest is something like this:

As for the top left red arrow, you can see that the transparent line doesn't fully reach the edge of the dragon. There are more places where this is the case, so this is just an example.

a rough fix:

Another thing I think looks a bit weird is the tip of the fingers on the wings, like here:

I get the idea of adding a thicker part to make the tips visible at smaller sizes, but I think it's too detrimental to the detail to be worth it.

Looking at your version did give me an idea though.
What if the skin part (the blue colored part) of the wings were outlined instead of colored in. I think that would make it look much better.
For reference, I'm talking about this part of the wings being transparent instead of black, and then outlined with black lines...

So kinda reverse of what it is now. That way the tips of the wings should be visible at smaller sizes while still making the larger sizes look detailed.

I think overall it just needs cleaner lines and outlining of the wings instead of filling them :)

It's very difficult to do this changes when the path is unified, so it would be nice if you uploaded the ungrouped/un-unified version too next time :)

hmm, I spent some time to make another suggestion.
To make it I started with the llvm-original version and removed all but two of the paths. I then added a small stroke to one of the paths, and used the path + stroke as a cutout for the other black path.

Here's the optimized version:

The size of this version is just over 43KB

Let me know what you think, and if you find any flaws :)

Here's the non-optimized bi-colored version in case you want to make any tweaks:

I'm personally very happy with the last suggestion, but I haven't looked very closely at the result, so let me know if you find any flaws

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.)
4. A new object is added in the devicon.json file at the correct alphabetic position as seen here

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 😊

Hi!

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

devicon.json is not sorted correctly.
Please make sure that your icon is added in the `devicon.json` file at the correct alphabetic position
as seen here: https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60

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 😄

Let's also add the color as fill to the line and plain versions :) #5A90B6

According to the specs having a unspecified fill color is ... expected?

🤔

Edit: Of course if you say the color is expected I change the svgs, thats easy. I just wonder, it somewhat contradicts with how I read the contrib info; and then, maybe the contrib info needs to be changed also.

It's more of a convention we've used since it makes it easier for some third-party tools. It's not really needed for our internal workflow.
Yeah, maybe we should update the wiki.

I don't even remember why we re-added the fill for many icons at this point 😅

Hi!

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

devicon.json is not sorted correctly.
Please make sure that your icon is added in the `devicon.json` file at the correct alphabetic position
as seen here: https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60

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 😄

Dear SVG Checker Bot,

it would probably be more helpful if you hint how to sort the devicons.json file.
For example users could just

$ jq --slurp --indent 4 '.[] | sort_by(.name)' < devicon.json  > devicon_sorted.json
$ mv devicon_sorted.json devicon.json

I will add a commit with the result of this. Lets see if you are content then.

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.)
4. A new object is added in the devicon.json file at the correct alphabetic position as seen here

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 😊

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.)
4. A new object is added in the devicon.json file at the correct alphabetic position as seen here

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 😊

@ReenigneArcher yeah, adding a check for formatting and sorting would be nice!

I'm not sure why you have that sizing issue, in my GitHub preview it looks fine:

@canaleal I know you already started the release process, but do you think we can merge this as well, since there were some issues with the font?