exercism / website-icons

Icons for the Exercism website

Icons for tracks and exercises on Exercism

This repository contains the icons for language tracks and individual exercises on the new version of Exercism.

Many icons have been licenced from Noun Project. All of these have been licenced for use without attribution under Noun Project's Royalty Free model.

Copyrights are held by either Exercism or Noun Project, and released under the terms of CC BY 3.0. Attribution should be to both Exercism and Noun Project.

Adding a new track icon

Maintainers

Create an issue with links to the language and any information on standard/official logos. The design team will then create an icon.

Website team

Put the new logos provided by the design team into tracks/logos. They should match the track slug and should be an SVG.

website-icons's Issues

Icon for "Die" is missing from the Pharo track

Heya!

There's no icon for the Die exercise on the Pharo track - first "Extra" exercise.

Probably needs to be a picture of a single die (exercise isn't as morbid as it sounds).

When submitting a new exercise should a glyph for the exercise also be included?

@rpottsoh commented on Thu Jul 19 2018

@kytrinyx or @iHiD,

I think this issue has not been raised. I know, right now, the development team is taking care of glyphs for the exercises. Is there a mechanism in place (or planned) to help take care of implementing icons for new exercises as they are added to this repo?

---

@rpottsoh commented on Thu Jul 19 2018

I realize that the glyphs do not exist in this repo, at the moment.

---

@iHiD commented on Fri Jul 20 2018

The best method would be to create an issue on exercism/website-icons and tag @nicolechalmers and me in it.

Glyph for new exercise: dnd-character

The dnd-character exercise could use some glyphs :)

Go logo is out of date

This issue was originally raised in exercism/go#1154 but it seems like it makes sense to open an issue here. According to Go's official branding page, the Go logos used currently are out of date.

Add icon for "Census"

The Go track is missing an icon for the Census exercise. It is about people filling out questionnaires and sometimes not answering all requires questions.

Instructions for reference: https://github.com/exercism/go/blob/main/exercises/concept/census/.docs/instructions.md

Icon for Tcl language track

As I've started to work on the Tcl track, I hereby request a language track logo.

As concluded in exercism/generic-track#49, this logo can be used as we need:

• https://tcl.tk/images/plume.png

Remove duplicated icons

elyses-enchantments.svg, elyses-analytic-enchantments.svg and elyses-transformative-enchantments.svg are the same, maybe the same for others (?). There should only be one svg file and then that one should be referenced from the config using the icon key.

Icon is missing in "TOP SECRET" learning excercise.

A default icon is displayed with the "top secret" learning excercise, found in https://exercism.org/tracks/elixir/exercises/top-secret .
In https://github.com/exercism/website-icons/tree/main/exercises svg file is missing.

Perfect numbers exercise icon has less contrast than other icons

See information here: exercism/exercism#4018

The Nim icon is a bit big

It seems to have outgrown its surroundings :)

https://exercism.io/my/tracks/nim

Missing icon Affine Cipher

In the Ruby track, there's an empty block where the Affine Cipher icon is supposed to be. Looks like it's missing in this repo.

Lisp Flavoured Erlang icon

One thing that I noticed is that the LFE icon doesn't have the characteristic "lambda" floating on the coffee.

The key thing about LFE is that it's a combination of Erlang https://v2.exercism.io/tracks/erlang and Lisp

I wonder if the coffee thing has too much detail. Maybe we could do a combination of the lambda and the erlang E instead?

Icon for Pharo track looks wierd and different than original Pharo icon

Hi Exercism team!
I'm not designer, but current Pharo track icon looks quite different than what can be seen on pharo-project.org. It looks it is somehow autogenerated (probably caused by limited time of original maintainers). I tried to resolve this using Incscape and tried to simplify (colors and shapes) original Pharo icon that would fit to Exercism website. I will create PR to paste updated SVG file. Please let me know, if new SVG can be used.
Thanks in advance!
David

Icon for Resistor Color Trio

The next exercise in the series is in the making.

This is number 3 in the series.
Number 1 is Resistor Color and is about one color band (icon: #24)
Number 2 is Resistor Color Duo and is about two bands (icon: #25)
Number 3, this one, is Resistor Color Trio, and yes! it has three bands 🙃 .

Can we have a logo please?

(The same icon as in #25, but with an extra band.)

This repo should auto-sync to S3 via GHA

Step 1: Prepare repo for v3.

• Rename exercises to v2-exercises
• Rename tracks to v2-tracks
• Rename v3-exercises to exercises
• Rename v3-tracks to tracks
• Add placeholders folder in this repo with contents of placeholders from s3 bucket

Step 2: Add GHA

Bucket: https://s3.console.aws.amazon.com/s3/buckets/exercism-icons-staging?region=eu-west-2&tab=objects (should be variable in GHA. Will need to change as part of ETL)

• New tracks folder sync with tracks
• New exercises folder sync with exercises
• New placeholders folder sync with placeholders

Add icon for research_experiment_1 track

See https://github.com/exercism/research_experiment_1

Bash icon

To have Bash a proper track for V2 we require an icon for it.

Does the language have an official logo?

• Link: https://tiswww.case.edu/php/chet/img/bash-logo-web.png
• Logo licence: Free Art License

Official website: https://tiswww.case.edu/php/chet/bash/bashtop.html
Logo usage: https://github.com/odb/official-bash-logo

REST-api exercise has no icon

Glyph for new exercise: satellite

Howdy folks,

There is an open PR #1424 in problem-specifications for a new exercise named retree. Please create a new glyph for it.

~ Thank you kindly

Icon for Elixir learning exercise "dancing dots"

Exercise: https://exercism.org/tracks/elixir/exercises/dancing-dots

The story is about making generative art that's just dots. Anything that's a few different scattered circles would work as an icon.

ceylon.png should be changed to the Ceylon logo (not Nim's) and then regenerating its track-images

As we can see at https://ceylon-lang.org/blog/2013/12/13/three-legged-elephants/, Ceylon's mascot (and thus its logo) is an elephant.

Thus, I suggest that https://github.com/exercism/website-icons/blob/master/tracks/logos/ceylon.png be changed to be such an elephant, matching https://github.com/exercism/website-icons/blob/master/tracks/logos/ceylon-t.png is. It would be very unfortunate if the track got mixed up with Nim (a track whose logo is a crown as seen in https://github.com/nim-lang/assets/blob/master/Art/logo-crown.png )

You may think this is unimportant since Ceylon is an unlaunched track, and you would be correct. On the other hand, it's also true that someone who somehow knows of the existence of the URL https://exercism.io/tracks/ceylon is currently able to navigate to it and confusingly see a logo that does not match Ceylon's.

So let's consider this on the list of things to be done at some point before the Ceylon track is launched, perhaps. (When will that happen? I don't know! Prioritise accordingly)

Typo in macros icon filename

The filenames for the macros icons are spelled 'marcos' instead of 'macros'.

Edit: it looks like this only true for the dark icon.

Icon needed for new exercise HighScore

@pgaspar and I worked on a new exercise High Scores: about a high score list, like for a computer game.

For inspiration: The exercise is about a player's personal bests. It's also said to be a tribute to the 80's arcade game Frogger. 🐸 :-)

exercism/problem-specifications#1378

Icon for square-root

I'm creating a new exercise, square-root.
Can I request a new icon?

exercism/problem-specifications#1582

The icon could be a simple radical symbol (the root sign) with the index of 2 (indicating square root rather than any other root) and a radicand (the number under the root sign) of x. Something similar to the symbol found on the related calculator key.

Thanks!

Add Unison Icon for forthcoming Unison track

Does the language have an official logo? Yes:

Here's an SVG link to our logo:
https://www.unison-lang.org/assets/icon-unison-mark.svg

The copyright is "Unison Computing, all rights reserved" and we are giving permission for Exercism to use the logo on your site, for the purposes of identifying the Unison language track. If you need an official statement from our CEO to that effect, we can get one.

Does the language have an unofficial logo? No

Pharo track icon is smaller than others

@nicolechalmers the icon for the pharo track seems smaller than the others in the main page list.

ReasonML needs a logo

The ReasonML track is just about ready to launch.

exercism/generic-track#41

The official logo appears to be
https://reasonml.github.io/img/reason.svg

track icon for AWK

Does not have an official logo.

Unofficially, an auk appears:

• on the cover of the original AWK book
• on the cover of the O'Reilly book

Those two also appear here: https://icons-for-free.com/?s=awk

Thank you!

"Darts" exercise needs a logo

Description

Write a function that returns the earned points in a Darts game.

Goal

Write a function that given a point in the target (defined by its real cartesian coordinates x and y), returns the correct amount earned by a dart landing in that point.

Related pull request

exercism/problem-specifications#1363

Ballerina needs a logo

The Ballerina track needs a logo.

The official logo is on https://ballerina.io/ and the short version is just the ballet shoes (seen on twitter at https://twitter.com/ballerinalang)

The maintainers of the Ballerina track are also the developers of the language (in case you have questions).

Different logos for JavaScript track throughout site

I thought the track icons were determined within the track repos, but I guess this is the correct repo for it.

I noticed the logo/icon for the JavaScript track is different throughout the site.
https://exercism.io/tracks uses "JS" logo
https://exercism.io/my/tracks uses "ES" logo (need to be logged in to see)
https://exercism.io/tracks/javascript uses "JS" logo
https://exercism.io/#explore-languages uses "JS" logo on mobile, "ES" logo on desktop

Also don't know why there's an icon within the tracks.
They're all different from this one which is in the track repo:
https://github.com/exercism/javascript/blob/master/img/icon.png

Add Icon for Elixir `new-passport` concept exercise

@iHiD @taiyab
Elixir has a new concept exercise here which needs an icon.
The story is about getting a new passport from the city office, so my suggestion would be a... passport. Yes, indeed.

There has been talk of forking that exercise, so possibly it will be used by other tracks.

Add icon for wasm track

See https://github.com/exercism/wasm

Icon for Macros exercise

It appears the 'Macros' exercise is missing an icon.

Icon for Micro-blog

I'm creating a new Exercise, Micro-blog.
Can I request a new icon?

https://github.com/exercism/problem-specifications/pull/1509/files

The problem's story is about making a social network that only allows very short posts of 5 characters. A theme of the tests is both non-english characters and emoji.

You have identified a gap in the social media market for very very short
posts. Now that Twitter allows 280 character posts, people wanting quick
social media updates aren't being served. You decide to create your own
social media network.

To make your product noteworthy, you make it extreme and only allow posts
of 5 or less characters. Any posts of more than 5 characters should be
truncated to 5.

To allow your users to express themselves fully, you allow Emoji and
other Unicode.

The task is to truncate input strings to 5 characters.

I'm not a designer, so take my suggestions with a pinch of salt, but my ideas for this would be:

• a tribute of Twitter's logo (if that's allowed)
• a stylized speech bubble with precisely 5 dots

Thank you 🙂

Chris

Add icon for the COBOL track

Here: https://github.com/exercism/cobol

• Does the language have an official logo?
  COBOL itself doesn't have an official logo.

• Does the language have an unofficial logo?
  It also doesn't have an unofficial logo but when talking about it on websites or articles it's usually styled as "COBOL", all uppercase with a blue color.

A suitable logo for it on Exercism would be like the SML and Z3 logos, just uppercase "COBOL" with the same color as the Typescript logo.

Run Key Feature icons through compression

Might wanna compress and remove whitespace from key feature icon SVGs.

Icon for Knapsack exercise

https://github.com/exercism/problem-specifications/tree/master/exercises/knapsack

This exercise is about maximizing the value of items that can fit into a knapsack, so an icon of a literal knapsack/backpack would be appropriate.

Add icon for ABAP track

Hi,
Add icon for ABAP track: https://github.com/exercism/abap

For ABAP there are no official or unofficial logos. I suggest making a logo that just says "ABAP", in some shade of blue.

Icon for x86-64 Assembly track

Hello,

I would like to request an icon for the x86-64 Assembly track.

There is no official/unofficial logo so I suggest just spelling out the name for the icon. Assembly could be abbreviated to asm if it's too long.

Automatically create issue for new exercise or key feature icons

configlet will be hardcoding the allowed icons for exercises and key features. To ensure that configlet remains up to date, we should add a CI workflow that detects if a new icon was added and create an issue in the configlet repo accordingly (or even a PR!).

Icon for new Go exercise: Meteorology

Exercise link: https://exercism.org/tracks/go/exercises/meteorology

The exercise is about printing and formatting mereological data. I had in mind something like weather-forecast.svg, but with more elements like wind and rain.

Pharo needs a logo

The official language site is here:
https://pharo.org/

The track maintainers made a bit of a suggestion here: https://github.com/exercism/pharo/blob/ccf02659a88c8c32e0040fab4a82e1ea478adcce/img/icon.png

Icons for `dynamically-typed` and `statically-typed` are the same

See:

• key-features/dynamically-typed.svg
• key-features/statically-typed.svg

Intended? (I don't mind if the answer is "yes" - it's just that the others are distinct).

The master branch will be renamed to main

In line with our new org-wide policy, the master branch of this repo will be renamed to main. All open PRs will be automatically repointed.

GitHub will show you a notification about this when you look at this repo after renaming:

In case it doesn't, this is the command it suggests:

git branch -m master main
git fetch origin
git branch -u origin/main main

You may like to update the primary branch on your forks too, which you can do under Settings->Branches and clicking the pencil icon on the right-hand-side under Default Branch:

We will post a comment below when this is done. We expect it to happen within the next 12 hours.

Missing exercise icons in the Go track

The Go track is missing a couple of icons.

• sorting-room - the exercise is about sorting boxes with numbers inside
• census - about people filling out questionnaires and sometimes not provided all required fields
• election-day - about voting and counting votes
• welcome-to-tech-palace - about a display for advertisements/welcome messages in a tech store
• weather-forecast

Icon for Resistor Band (renamed to: Resistor Color)

@ErikSchierboom and I created a new Exercise, Resistor Code.
Can we request a new icon?

For inspiration: It's part of a series of Resistor Exercises, where each exercise will address more bands. In this first exercise it's about 1 'band', the rest of the series will be 2,3 and 4-6 bands. (And maybe after that: resistors in paralel and series.)
https://user-images.githubusercontent.com/6314687/52533780-3eb5d300-2d39-11e9-8f69-5a726735c294.png

exercism/problem-specifications#1458

Ruby icon orientation.

Traditionally the ruby Icon is tilted but the Exercism version is vertical.
Could we try rotating the ruby in the icon counter clockwise?
(Maybe 60 degrees? but I'm not a designer.)

Icon for Resistor Colors (renamed to: Resistor Color Duo)

Number 2 in the Resistor is merged!
Can we have another Resistor icon please? (There's an issue for # 1: #24)

The difference is: number 1 is about 1 color
Number 2 is about 2 colors.
And, yeah, number 3 will be about 3 colors.

#24 has an image of what those colors look like on a Resistor.

Thanks! :-)

Icon for Microwave is missing in Ruby track

The Microwave icon is missing - the image linked to (https://assets.exercism.io/exercises/microwave-white.png) doesn't exist in this repo.