What websites look like Phosphor Icons?

Airtable, OnePlus, Gemini, Mixpanel, Expo have the closest design to Phosphor Icons, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like phosphoricons.com

Websites like Phosphor Icons

Phosphor Icons's website is light (#EEEAE3), with Manrope, 40px headlines at weight 400, 16px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

Phosphor Icons

Background: Light #EEEAE3
Accent: None, monochrome
Font: Manrope
Corners: 16px
Headlines: 40px, weight 400

Airtable3 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Same
Font
Haas
Differs
Corners
16px
Same
Headlines
40px, weight 400
Same
OnePlus3 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Same
Font
One Plus Sans / OnePlus Sans
Differs
Corners
16px
Same
Headlines
36px, weight 400
Same
Gemini3 of 5 same
Background
Light #FAF9F9
Close
Accent
None, monochrome
Same
Font
Google Sans Flex
Differs
Corners
18px
Same
Headlines
36px, weight 320
Same
Mixpanel2 of 5 same
Background
Light #FAFAFA
Close
Accent
None, monochrome
Same
Font
Garnett
Differs
Corners
14px
Same
Headlines
48px, weight 400
Close
Expo2 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
18px
Same
Headlines
48px, weight 600
Close
Sunsama2 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Same
Font
DM Sans
Differs
Corners
15px
Same
Headlines
51px, weight 600
Close
DuckDuckGo2 of 5 same
Background
Light #FFFFFF
Close
Accent
None, monochrome
Same
Font
Duck Sans Display / Duck Sans Product
Differs
Corners
15px
Same
Headlines
52px, weight 400
Close
Allbirds2 of 5 same
Background
Light #ECE9E2
Same
Accent
None, monochrome
Same
Font
Geograph
Differs
Corners
12px
Close
Headlines
24px, weight 400
Differs
Coca-Cola2 of 5 same
Background
Light #EEEEEE
Same
Accent
None, monochrome
Same
Font
Noto Regional
Differs
Corners
20px, pill buttons
Close
Headlines
20px, weight 700
Differs
PayPal2 of 5 same
Background
Light #F1EFEA
Same
Accent
None, monochrome
Same
Font
Pay Pal Pro / PayPal Pro Text
Differs
Corners
20px
Close
Headlines
82px, weight 900
Differs
Babbel3 of 5 same
Background
Light #F6F4EF
Same
Accent
Orange #FE4D01
Differs
Font
Feature Text LC / Graphik Babbel LCG
Differs
Corners
18px
Same
Headlines
40px, weight 400
Same
Character.AI1 of 5 same
Background
Light #F4F4F5
Close
Accent
None, monochrome
Same
Font
At Hauss
Differs
Corners
20px, pill buttons
Close
Headlines
36px, weight 600
Close

How these are matched

Each of the 475 sites in the design library is compared with Phosphor Icons on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Phosphor Icons itself? See Phosphor Icons's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Phosphor Icons on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.