Alacritty: alacrity fancy icon!

Created on 11 Jan 2017  ·  60Comments  ·  Source: alacritty/alacritty

It nagged me the whole afternoon that Alacritty does not have a fancy icon,
so I made one. If you like it - let me know. I kind of do - but thats not good enough.
Now since I can look at it- its not nagging me anymore ;-)

Preview 01
Preview 02
Preview 03
Preview 04
Preview 05
Preview 06

Most helpful comment

@MaximDeloof that looks great!

I felt inspired by the retro icons so I made my own—

icon-presentation

icon-presentation-dark

icon-website

.icns if you want to download it and try it out (zipped because GitHub doesn't support .icns)

All 60 comments

In my opinion, as an uninvolved bystander, maybe a rust-brown version of the logo would look cool, and give a nod to its "written in Rust" nature?

Your designs look pretty nice, tho!

Good point - I forgot about the rusty roots- was all winter cheerful and didn't though about the cog. Will do.

Here some more rusty approach:
alacritty4
alacritty_rust3
alacritty_rust2
alacritty_rust

Just for clarity. This is unofficial- I'm not the project owner, and my 'relationship' is what you see above. Let's see what the authors says, maybe this is just unnecessary and he got's his own idea (and rightly so if he does). If not then other could give more feedback and I can smooth out the kinks to make it offical if approved.

I'm actually interested in soliciting the community for input here, and I like your abstract A.

WRT including Rust branding, I'm strictly against that. Although the project benefits greatly from being written in Rust, and I will continue using the project to promote the language and vis-versa, Alacritty is interesting in its own right.

In my imagination, I am hoping for a more interesting take on a standard terminal icon with something like your A.

Hi Joe, Thanks for your feedback. Huh, funny- You more or less wrote what I thought initially. Alacritty might not want to be seen as a PR around Rust, and Rust is "just" the language used.

I also like the flipped prompt > :) I'll play with it further and will expand the word. The "cog icon", can be a nice sticker or stamp- a simple addition the main project 'branding'

Thanks for your input. That clears the topic. I'll come with further proposals once I chew on this.

Although I really like the abstract A inside the Rust cog, I totally understand the reason why you guys don't fancy it. While all the logos look really nice to me, I really like the colors in first two with "more rusty approach".

Just my two cents :)

I think this should be in jwilm's hands, I just hope jankun doesn't throw away the rusty approach, so that it remains as an alternative ;)

No worries, I'll post further designs in the next 2 days- need some time to sit down over the weekend and sketch the ideas.

@jankun -- I was bothered the same way! A project this cool _must_ have a great icon.

I'd vote for the the all black rotated > in the cog (2nd option in the 2nd batch)

I really like the rusty color scheme of the ^ in 1st one in the cog series, but the cog itself IMHO doesn't really fit in there.

The minimal ones with some internal shadows look great!

I really like the none rusty ones. The minimalism seems appropriate. However they do look very similar to the logo for Autodesk, but without the flick at the bottom, which could be a problem depending on how bored their lawyers are. :-)

Obviously this is one of those major bike shed type of issues, but nonetheless I'll add my input: I think the icon should encapsulate the principles of alacritty: fast, minimal, terminal emulator. Possibly some reference to using the GPU. I agree with others above that Rust should not necessarily be featured in the icon.

Fast can be represented with speed lines, like in this:

https://cdn3.iconfinder.com/data/icons/hero/500/fast-512.png

Minimal can be represented by keeping the icon minimal.

Lastly I think the overall icon shape should be a terminal.

So maybe a terminal shape with the A shape from @jankun inside, that has speed lines coming off it.

I like all icons in the first post.

Seems like this (super exciting) issue has stalled a bit. I for one would be delighted to have any of the icons herein available for use in Alacritty by default, with (perhaps) a README or Wiki entry describing how to change out the icon. Does anyone on this thread feel super strongly any particular option presented?

I'm sorry for not-updating, something come along and well... lame excuse. I'm gonna do this in few days and post the "source" files somewhere for anyone who would like to fiddle with them. All of them are vector, can export them to .eps or .svg or .ai or whatever.

Not a fan of the first ones—too much corner radius. The Rust ones look really nice.

I adapted @jankun 's design to look more native on mac

alacritty_new_no_gear
I personally like the only barely visible rust gear...
alacritty_new_gear

I think the 'A' shape could be used as the project logo and then every platform should have it's own application icon with it.

What about making this abstract "A" horizontal: something like ">" also suggests a terminal prompt.

Used the idea of speed lines of @leavengood and went for a retro aesthetic.
alicritty_logo_small
Is this something that feels appropriate or is it too much 80's neon?

@MaximDeloof I think the A with speed lines is really fitting as a logo and the colors are awesome.

Looks like you also used the mac icon template? any chance you can share a link to the .icns file?

@robertgzr Sure!

.icns file: https://www.dropbox.com/sh/5v2sn3ck5z9yn7g/AABRe_cvnwQz_V-daW8QdZnAa?dl=0

I didn't use the mac icon template, but I did try to emulate the terminal shape used on other icons.

Made some refinements and created a couple of variations.

alacritty_logo_board

The .icns files for all of them can be found here:
https://www.dropbox.com/sh/5v2sn3ck5z9yn7g/AABRe_cvnwQz_V-daW8QdZnAa?dl=0

@MaximDeloof I really like the direction you've gone with it! Would it be easy to see a variation where the speed line triangles are flat at the bottom instead of the top?

Maybe try this design with a triangle mesh wireframe?

With speed line triangles flat at the bottom ( @jwilm )

alicritty_logo_variation_slant

With triangle mesh wireframe ( @jansol ).

alicritty_logo_variation_wireframe

@MaximDeloof
Thanks for showing that version. My only concern is that it looks/feels like the triangles aren't actually flat but instead angled away slightly. Could you show one more version where the triangles are not flat on either side?

@jwilm I see what you mean. So like this?

alacritty_logo_slant_middle

Yeah, exactly like that. I feel this looks better!

As far as colors, I like scheme 1 and 8 the best. Probably 1 is my top pick.

I agree, it does look better!

I've made a new folder including .icns and .png files of both scheme 1 and 8 with adjusted triangles. You can find it here:

https://www.dropbox.com/sh/s3pfr3f4mwj4ttb/AAAGxEoFUiNy4ZT48QekZA6Aa?dl=0

If you need any other formats just let me know.

I'm a bit bothered by how the speed lines aren't strictly centered (i.e. fade first on the edges of the scanlines, last in the center of the line) on the scanlines as they fade out. Introducing "aliasing" would somewhat break the triangle look but would play nicer with the retro look I think.

Or maybe the speed triangles could even adhere to the same scanline style as the A for betterconsistency and a slightly pixelated look..

@jansol So more like this?
alacritty_logo_v2

@MaximDeloof that looks great!

I felt inspired by the retro icons so I made my own—

icon-presentation

icon-presentation-dark

icon-website

.icns if you want to download it and try it out (zipped because GitHub doesn't support .icns)

@MaximDeloof yeah, although the rounded ends in the original looked good and would work here as well. The other thing I was thinking of was making the speed lines fade out and get thinner at the same time, kinda like the right one here with a healthy dose of glow.

@net hey that's a pretty neat design. Especially as it would be easily recognisable at low resolutions too! (and I mean low as in 8x8-low, maybe even 5x5)

I'm in!

Alacritty (1)Alacritty (2)Alacritty (3)

@net That looks fantastic too! Could you maybe try to somehow incorporate the blue from @MaximDeloof 's version?

@MaximDeloof could we see a fuzzier version of your most recent image? I like the full bars but miss the fuzz from earlier options.

@net digging that website mock-up 😁

@robertgzr

blue with original presentation

.icns zip

@net these are sweet, I wonder if removing that top color bar would add more contrast, make the 'a' take the focus, could be nice.

I like the blue : )

Site mock is nice too, @jwilm we could add it in a 'mockups' folder on the gdrive?

@jwilm Here comes the fuzz

alacritty_logo_v2_fuzzy_sharp

With more rounded edges

alacritty_logo_v2_fuzzy_round

Very nice icons! I'd just like to add my 2 cents.
It would be good if the winning icon have a good outline, so the icon is clearly visible when on dark background.
This is how the current icon looks on my setup (4th icon from the top)

screen shot 2017-08-07 at 02 42 58

It is hardly visible (and flu.x makes it even harder to make out ;-)

Very last one by @MaximDeloof with the rounded edges is my favorite one of all of them in this thread so far.

Unfortunately, the retro scan lines kinda get lost in the smaller version :/

screen shot 2017-08-24 at 10 12 02 pm

You can pass it off as dithering. "it's supposed to not be visible when you squint"

EDIT: I actually like the graceful loss of detail that is achieved with this style.

I think I'd like to move forward with @net's rocket icon. Although the retro flaming A is a lot of fun, I don't think it's quite right for the project logo. Thanks @MaximDeloof for all of the iterations on it.

Copy of image to be completely unambiguous:

image

@net -- Are you willing to release the icon source files under the project license? Would also love to talk about the website mockup -- I really like it!

FWIW I have been using the @net icon now for several weeks and I think it is great. The web design he (or she) made is also very nice.

@jwilm Glad you like it. I'm absolutely willing to release the icon under the project's license. Is an SVG sufficient?

We can definitely improve upon the website mockup.

@leavengood thanks!

@jwilm Any chance to move icon stuff on?
I'd love to see the icon in my gnome dock. Otherwise I just keep searching for terminal every time I need it.

@dsego Maybe in the meantime, any chance for instructions on getting @net icon used locally?

@net SVG works for me.

@typekpb heh, just need to make time myself or for someone to send a PR.

@net @jwilm Is there an .svg of the logo available? I can't find one. Trying to add it to https://trevordmiller.com/projects/nova plugins list. Right now I'm just using a generic terminal icon but I'd like to replace it with the official Alacritty .svg icon:

image

Net has not responded since sharing the icon, so unless he does we'll probably have to look for something else.

What's the status on this one? I'm here to offer help with the website or the logo if needed.

I've converted the logo to an SVG here: https://github.com/jwilm/alacritty/pull/1451

However it still has a few issues and needs some finishing touches. Unfortunately I'm not very comfortable with image/svg editors, so it has been on the backburner for a while.

@chrisduerr if you provide with some clear instructions for what you want, I can probably help with the SVG polishing. Let me know.

@MarioRicalde You can see the SVG version here:
https://github.com/jwilm/alacritty/issues/967#issuecomment-397145025

The SVG files are all available in the PR I believe. We have permission to modify this icon to our liking.

The original icon by net looks like this:
icon

While I've tried reproducing this icon, it's not quite 100% there and the icon designed by net still looks a bit better. The biggest issue with net's icon though is that the border with the gradient makes things really hard to see on some backgrounds, so the goal would be to change the border to fix this and make this icon easily recognizable on all backgrounds. The linked issues have some more details.

The SVG I've created might not look great, however it should be very clean and simple to work with, so hopefully that will help with getting anyone started.

I noticed Alacritty doesn't have an icon when I install on Arch Linux, but it does when I install on macOS from Homebrew. Is Mac just testing this icon? Or is something in my install not configuring the icon correctly for GNOME?

The proposed icon has not yet been converted to SVG successfully. While some distributions and package managers have already taken what is available, unfortunately it hasn't been standardized yet.

Unfortunately I'm no artist myself and there are definitely still some finishing touches required. So until that is done there won't be an 'official' icon available in standard formats.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tusqasi picture tusqasi  ·  55Comments

tecosaur picture tecosaur  ·  47Comments

valff picture valff  ·  51Comments

NickeZ picture NickeZ  ·  50Comments

multun picture multun  ·  52Comments