Light and dark faviconsFavicons

Favicon concepts in light and dark tab versions

Usually ready in 15 minutesRevisions includedQuality check
Packages
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.

The money is reserved when you pay and released only once you accept the work.

Favicon concepts in light and dark tab versions

Example result

Example for the Standard package

App icons and favicons

3 boards

Client: three app makers and several website owners. Task: icons that read at the tiniest sizes, on light and dark backgrounds.

The client and all details are made up.

About this service

We design favicon concepts that come in two matched versions, one for light browser tabs and one for dark ones. Many people now browse in dark mode, where a black or navy logo almost disappears, while a white mark vanishes on a light tab. Each concept is drawn twice with the same shape and adjusted colours or an outline, so your site stays visible in both themes and your developer can switch between them.

What is included

  • What you getFavicon concepts as square PNG pairs, each in a light-tab and a dark-tab version with the same shape. Delivered as separate PNG files on a transparent background; ICO, SVG and other vector files are not included.
  • Two versions eachLight tab and dark tab
  • Same shapeOnly colours or outline change
  • Contrast checked by eyeShown on light and dark previews
  • Brand colour keptAdjusted, not replaced

How it works

  1. 1
    BriefYou give the mark and brand colours
  2. 2
    PairsWe draw each concept for both themes
  3. 3
    DeliveryYour developer sets the theme switch

What we need from you

Your site address, your logo or brand colours, the letter or symbol you want and which colour your mark must keep in both themes.

We will ask you:

  • Which letter or symbol should the favicon use?
  • What are your brand colours?
  • Is your current favicon hard to see in dark mode?

Compare packages

PackagesBasic2 concepts in light and dark$10Standard4 concepts in light and dark$20Premium8 concepts in light and dark$39
Deadline1 day2 days4 days
Revisions123
Icons4816
FormatPNG, transparent backgroundPNG, transparent backgroundPNG, transparent background
Order BasicOrder StandardOrder Premium

Payment protection

You pay when you order, but the money is released only for accepted work.

  • Fixed priceThe package price does not change after you pay.
  • The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
  • Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
  • Free revisionsAsk for changes within your brief as many times as the package allows.
  • Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
  • Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
How it works →

Questions and answers

How does the browser pick the right version?

Your developer adds both files to the site with a prefers-color-scheme rule. We deliver the two PNG versions only, with no code.

My site builder takes only one favicon. What then?

Choose the version with an outline or a coloured background shape, which usually reads in both themes. We can mark that option in the delivery.

Why does a package count icons, not concepts?

Each light and dark version is a separate PNG file, so two concepts make four icons.

Did not find your answer?

Packages