The original logos can be founded here: https://root.cern.ch/img/logos/ROOT_Logo/ROOT_Logo.pdf
I have used the blue color, which is also used for ROOT's website banner and logo.
Details
- Reviewers
ndavis ngraham - Group Reviewers
VDG - Commits
- R266:018b67eff94c: Add breeze icons for ROOT cern files
R266:0022d3c33919: Add breeze icons for ROOT cern files
Diff Detail
- Repository
- R266 Breeze Icons
- Lint
Automatic diff as part of commit; lint not applicable. - Unit
Automatic diff as part of commit; unit tests not applicable.
I think we should use #1ed4e5 for the color instead since that's what the official logo uses. Normally, I'd say to use a similar Breeze-like color, but mimetype icons are a mess anyway and I don't think it's worth worrying too much about unless Breeze's official color palette is expanded.
The 16 and 22 px versions aren't supposed to have backgrounds and the root symbols are pretty faint. I've remade these for you:
The 32px version isn't lined up with the grid and the emblem in the middle is faint. Generally, one should avoid placing objects on half pixels.
I have changed the color for the 64px version. I think we can keep the blue background color as this is indeed the offical background color.
The 16 and 22 px versions aren't supposed to have backgrounds and the root symbols are pretty faint.
Uh, I will make them somehow less faint, though I am not sure how to keep their original character in this case.
I've remade these for you:
Thanks, but the root you created does not resemble the original one any longer. However, I will rework them as well.
The 32px version isn't lined up with the grid and the emblem in the middle is faint. Generally, one should avoid placing objects on half pixels.
I will see what I can do about it.
Also add the new 64px breeze icon.
Add new 22 px icons. Transparent background, less faint, original color.
The 16 and 22 px versions aren't supposed to have backgrounds and the root symbols are pretty faint.
Rethinking it, I think it's wrong. The white background belongs to the logo and should not be removed as the white circle and the root symbol belong together, even
if it is against the Breeze guide line. ;)
My thoughts on your submission:
For the 16px and 22px designs, I would with the designs @ndavis proposed here:
Yes, the symbol there has the same thickness throughout the root sign, which differs from the original branding, but this makes the icon much more discernable and it's not like you could make out that difference at that size anyway.
As @noahdvs mentioned above, the white background should be removed and the entire symbol should be made up of one filled path with no outline (!). This is important to keep the icon looking as intended with the Qt SVG renderer.
As for the 32px and 64px designs, I would much prefer using only two colors by placing white variants of the smaller icons on top of a blue document background.
Example for the 32px icon:
I think this fits much better with other Breeze mimetype icons.
He mentioned that the white background should be removed. He did not mention, that it should be made up of one filled path with no outline. ;-)
As for the 32px and 64px designs, I would much prefer using only two colors by placing white variants of the smaller icons on top of a blue document background.
I think this fits much better with other Breeze mimetype icons.
ndavis saw this differently:
If we go with your suggestion, I think the outer ring should be dropped completely as it distracts more from the root / original branding than it benefits IMHO, like that:
It looks "Breezie" to me. :)
Alright, try it without the ring. I thought the ring was necessary for it to match the original logo. Removing the ring allows the "root" symbol in the middle to be larger, which makes it less faint.
If the 16px and 22px versions include the ring, then it needs to be in the larger versions as well.
Remove all circles and only use root symbol.
This makes the root symbol less faint and the icons fit better to Breeze overall.
You're getting there.
- 16px: needs 2px margins on the top and bottom
- 22px: needs 3px margins on the top and bottom
- 32px: needs to be lined up with the pixel grid and needs 2px margins on the top and bottom. You'd really be better off basing the background shape on another 32px icon and then applying the colors you want to use rather than trying to use a shrunken version of the the 64px background.
16px: add 2px margins to top and bottom
22px: add 3px margins to top and bottom
32px: use existing and approved 32px icon as template instead of shrinking the 64px version