A collection of open source resources for web designers

Design guides (and studies)

• Design Principles
• Adele - Design Systems
• Design Systems Repo
• Style Guides
• Laws of UX
• Humane by Design
• Digital Psychology
• Design Manifestos
• Código Deontologico READ (PDF)
• Design Principles (by Jeremy Keith)
• Design Patterns (by Maggie Appleton)
• Research Bookmark
• Neurodiversity Design System
• Ethical Design resources
• Deceptive Patterns (aka Dark Patterns)

Learn

• An interactive guide to color & contrast
• Resilient Web Design (by Jeremy Keith)

UI galleries/guides

• Component gallery Repository of interface components based on examples from the world of design systems.

SVG Icons

• Templarian/MaterialDesign 2000+ Material Design Icons from the Community
• ionicons The premium icon font for Ionic
• linear icons
• bytesize-icons Tiny style-controlled SVG iconset (92 icons, 10kb)
• colebemis/feather Simply beautiful open source icons
• michaelampr/jam Set of icons designed for web projects, illustrations, print projects, etc
• xtoolkit/Micon Windows 10 icons
• akveo/eva-icons A pack of more than 480 beautifully crafted Open Source icons
• ikonate Fully customisable & accessible vector icons
• tabler-icons A set of over 300 free MIT-licensed high-quality SVG icons
• IconSear.ch - SVG icon search engine with all of the above repos indexed (over 50,000 SVG icons!)
• phosphor Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
• Feather Simply beautiful open-source icons
• Icônes Icon explorer of almost all popular icon collections

Logos

• gilbarbara/logos A huge collection of SVG logos http://svgporn.com/
• alrra/browser-logos High resolution web browser logos
• danleech/simple-icons SVG icons for popular brands https://simpleicons.org
• larsenwork/web.svg.min Vector icons, badges, flags etc. über optimised for web use.
• kogg/instant-logos All the logos of instantlogosearch.com http://instantlogosearch.com/
• edent/SuperTinySocialIcons Under 1KB each! Super Tiny Social Icons are miniscule SVG versions of your favourite logos
• LogoSear.ch - search engine with over 200,000 SVG logos indexed
• VectorLogoZone - consistently formatted SVG logos
• Devicon - Set of icons representing programming languages, designing & development tools

Illustrations

• Humaaans
• Open Peeps
• Open Doodles
• Payforlayers

Fonts

👍 Available as variable font

Open Source Type foundries

• Etcetera
• Fontshare

UI

• SanFrancisco (MacOS|iOS|WatchOS) / Updated version (from apple) The Apple's UI font used in the Apple Watch, iOS 9, and OS X El Capitan.
• Roboto (Android) Googles's UI font used in Android
• Segoe (Windows) / More complete version UI font used in windows
• Fira (FirefoxOS) Mozilla's new typeface, used in Firefox OS
• Ubuntu The Ubuntu font family
• Inter The Inter UI font family http://rsms.me/inter/ 👍
• Salesforce Sans
• IBM Plex
• iA Writer Duospace
• Public Sans
• PT Root UI 👍
• Golos UI 👍

Sans serif

• Onest
• Clear Sans
• Cooper Hewitt
• adobe-fonts/source-sans-pro
• itfoundry/hind-vadodara
• vernnobile/OswaldFont
• RedHatBrand/overpass
• vernnobile/MuliFont
• weiweihuanghuang/Work-Sans
• theleagueof/junction
• theleagueof/league-spartan
• theleagueof/ostrich-sans
• theleagueof/league-gothic
• theleagueof/orbitron
• sursly/katahdin
• impallari/Raleway
• impallari/Encode-Sans
• impallari/Amiko-Devanagari
• impallari/Cabin
• impallari/Libre-Franklin
• 18F/18franklin
• larsenwork/Gidole
• Lato
• Barlow
• Faune
• Space Grotesk 👍
• Wonder Unit
• Techna Sans
• Manrope 👍
• Lexend 👍
• Violet Sans
• Secuela 👍
• Atkinson Hyperlegible A typeface with greater legibility and readability for low vision readers
• Unbounded Open source, freely available and on-chain funded font. 👍
• Figtree A friendly, simple geometric sans serif font 👍
• Mona Sans & Hubot Sans A variable font from GitHub 👍
• Schibsted Grotesk 👍
• Hanken Grotesk Sans serif typeface inspired by the classic grotesques.
• SN Pro Sans serif typeface optimized for use with Markdown. It is based on Nunito.
• Inclusive Sans A text font designed for accessibility and readability. More info

Serif

• Aleo
• adobe-fonts/source-serif-pro
• georgd/EB-Garamond
• klepas/open-baskerville
• impallari/Libre-Baskerville
• CatharsisFonts/Cormorant
• theleagueof/linden-hill
• theleagueof/fanwood
• theleagueof/sorts-mill-goudy
• theleagueof/prociono
• theleagueof/goudy-bookletter-1911
• skosch/Crimson
  • Fonthausen/CrimsonPro 👍 - A professionally produced redesign
• edwardtufte/et-book
• antonxheight/Arvo
• clauseggers/Inknut-Antiqua
• clauseggers/Playfair-Display
• uplaod/YoungSerif
• impallari/Libre-Clarendon
• impallari/Libre-Bodoni
• impallari/Libre-Caslon-Text
• impallari/Libre-Caslon-Display
• mozilla/zilla-slab
• mjlagattuta/Hepta-Slab
• productiontype/NewsReader 👍
• productiontype/Spectral
• RingoSeeber/Petrona 👍
• undercasetype/Frances 👍
• Literata 👍
• Yrsa & Rasa 👍 Fonts Fonts for Latin and Gujarati
• Reforma Versatile font family designed for long-form reading.

Monospaced

• adobe-fonts/source-code-pro Monospaced font family for user interface and coding environments
• tonsky/FiraCode Monospaced font with programming ligatures
• belluzj/fantasque-sans A font family with a great monospaced variant for programmers
• larsenwork/monoid Customisable coding font with alternates, ligatures and contextual positioning. Crazy crisp at 12px/9pt.
• andreberg/Meslo-Font Customized version of Apple's Menlo font.
• i-tu/Hasklig A code font with monospaced ligatures
• be5invis/Iosevka Slender typeface for code, from cod
• source-foundry/Hack A typeface designed for source code
• madmalik/mononoki A programming typeface
• raphaelbastide/Whois-mono A simple monospace font
• JetBrains Mono A free and open source typeface for developers
• Cascadia Code Monospaced font that includes programming ligatures and is designed to en ce the modern look and feel of the Windows Terminal.
• Lilex Open source programming font
• Victor Mono A free programming font with cursive italics and ligatures.
• Consolas ligaturized Standard Consolas font with FiraCode ligatures.
• Hasklig Hasklig - a code font with monospaced ligatures
• Fantasque Sans A font family with a great monospaced variant for programmers.
• Input Input is a flexible system of fonts designed specifically for code
• JuliaMono A monospaced font with reasonable Unicode support.
• displaay/Azeret Azeret is a sans-serif typeface with a mono-linear character.
• sursly/sono A soft monospace variable font 👍
• fragment-mono Helvetica Monospace Coding Font
• Martian mono Free and open-source monospaced font from Evil Martians 👍
• Intel One Mono Expressive monospaced font family that’s built with clarity, legibility, and the needs of developers in mind.
• Commit Mono Neutral programming typeface.
• Monaspace 👍 An innovative superfamily of fonts for code

Combined

• googlei18n/noto-fonts
• khaledhosny/libertinus
• Inria
• Recursive Sans & Mono 👍
• Instrument Sans 👍 & Instrument Serif.
• Geist Sans & Mono 👍 A typeface specifically designed for developers and designers
• Reddit Sans "The typeface of the internet" with Sans, Sans Condensed and Mono versions.

Others

• antijingoist/open-dyslexic
• ipython/xkcd-font
• theleagueof/blackout
• theleagueof/chunk
• theleagueof/knewave
• theleagueof/league-script-number-one
• theleagueof/sniglet
• sursly/taurusmono
• awp/chawp
• awp/christopharii
• uplaod/FuturaRenner
• impallari/The-Lobster-Font
• sursly/excelsiorama
• figs-lab/datalegreya
• Optician Sans Typeface based on the historical eye charts and optotypes used by opticians world wide
• Chomsky A font in the style of the New York Times masthead
• Shake The typeface with Parkingson's
• Sprat A display typeface
• Shantell Sans A marker-style font built for creative expression, typographic play, and animation. 👍
• Urkiola Recovery of a basque font
• Departure Mono A monospaced pixel font with a lo-fi technical vibe
• Alpha Lyrae The Vega font - uses Ligatures & Contextual Alternates to add a little glitch to your world