10 Best Free Design Resources: Fonts, Icons and Stock

TL;DR: What You Will Learn

Free, professional-grade design resources exist for every category you need; you have to know where to look, and always check the licence before you ship anything commercial.

The 10 Resources, at a Glance:

1. Free Fonts – Google Fonts and beyond, for headings and body text
2. Free Icons – Libraries you can drop into decks and interfaces
3. Free Stock Photos – Sites that do not scream “stock photo”
4. Free Illustrations and Vectors – Editable graphics that match your brand
5. Free Mockups – Product and screen presentations
6. Free Templates – Social, slides, and print
7. Colour and Palette Tools – To keep brands consistent
8. UI Kits and Design System Starters
9. Video and Motion Assets – For social content
10. Understanding Licensing – Free does not always mean free for commercial use

Read the whole thing, or jump straight to what you need below.

How to Vet a Free Design Resource Before You Use It

Before I let any free asset near a client project, I run it through a quick vetting routine. Free rarely means no strings, and if you get it wrong, the cost lands on you, not the person who uploaded the file.

Picture a small Bugis retail startup rushing to launch a promo banner. They grab a “free” font pack from a random blog, ship the artwork, and only later discover the font needs a paid commercial licence once it appears on packaging. Now they are facing a takedown request or a licensing fee they never budgeted for.

Check the Source's Reputation and Update History

Start with who is behind the resource. Established libraries like Google Fonts, Unsplash, or The Noun Project have public track records, active maintenance, and clear ownership.

I look at when the site was last updated and whether real people or companies stand behind it. A font gallery that has not been touched in years, or a mirror site with no about page, is a red flag.

This is the same principle Google applies to content, and it is worth understanding how E-E-A-T shapes trustworthy content so you can judge a resource the way a search engine would.

Read the Actual Licence, Not the Marketing Copy

The word “free” on a landing page tells you almost nothing. What matters is the licence text, usually a separate file or page.

Look specifically for whether commercial use is allowed, whether attribution is required, and whether there are limits on print runs, embedding, or redistribution. Many “free for personal use” fonts quietly exclude the exact commercial context an SME needs.

If you run an agency or freelance for clients, keep a simple licence log. A spreadsheet listing each asset, its source URL, the licence type, and where you used it will save you when a client asks months later whether they own the rights.

Scan for Malware and Bundled Junk on Sketchy Mirrors

Download mirrors are where things go wrong. A legitimate icon set might be re-hosted on a site that wraps it in an installer stuffed with adware or a browser hijacker.

I only download from the source when I can, and I avoid any “download manager” that wants to install an extra tool. If a zip file contains .exe files where you expected .otf or .svg, delete it.

Run anything unfamiliar through your antivirus or a scanning service before opening it.

Here is the short checklist I actually use:

• Confirm the source is reputable and recently maintained

• Read the licence file, not the marketing headline

• Verify commercial use and attribution terms

• Download only from the original host, never a random mirror

• Scan the file and log the licence for client work

Two minutes of vetting is far cheaper than a rebrand or a legal notice later.

1. Free Fonts That Look Professional Without the Price Tag

When I work with small teams on a tight budget, fonts are usually the first place we save money without anyone noticing. Some of the best free design resources out there are typography libraries that rival anything you would pay a licence fee for.

Three that I return to again and again are Google Fonts, Fontshare, and Font Squirrel. Google Fonts is the workhorse for anything that needs to load fast on a website. Fontshare, run by the Indian Type Foundry, offers beautifully crafted typefaces that feel premium and are free for commercial use under the ITF Free Font License. Font Squirrel is my go-to when I need something with character and a clearly stated licence.

Web-Safe Fonts for Websites

For a website, you want fonts that render cleanly across browsers and devices without slowing your page down. Google Fonts like Inter, Roboto, or Open Sans are reliable, load quickly, and pair nicely with almost any layout.

If you are building screens in Figma before handing them to a developer, these fonts import easily and keep your mockups consistent with the live site. You can also kickstart your work with the best Figma templates that already use popular web fonts.

Display Fonts for Social and Ads

Social posts and ads need personality, so this is where I reach for display fonts. Three that I return to again and again are Google Fonts, Fontshare, and Font Squirrel.

Just remember that display fonts are for headlines and short bursts of copy, not body text. Set your promo headline in a display face, then drop back to a clean web-safe font for the details.

Pairing Fonts for Brand Consistency

Picture a small F&B startup in Singapore applying for an Enterprise Singapore grant to grow the business. If the menu uses one font, the packaging another, and Instagram a third, the brand looks scattered, and that inconsistency shows up in the grant pitch too.

The fix is a simple pairing: one heading font and one body font, used everywhere. That single decision keeps the menu, takeaway boxes, and social feed feeling like the same brand.

Here is the warning I give every client: many fonts on aggregator sites like DaFont are labelled free but are actually personal-use only. If you are printing packaging or running paid ads, that counts as commercial use, and you need to verify the licence first.

Always check the licence text before you commit a font to anything customer-facing. If it says personal use only, walk away or buy the commercial licence.

Finally, save a small brand font kit. I keep one folder per client with the heading font, body font, licence screenshots, and the exact download links, so nobody ever guesses which font to use again.

2. Free Icons for Interfaces and Decks

Icons are the small workhorses of any interface, and getting them right saves you hours of fiddling later.

When I need a coherent set fast, I reach for a handful of trusted sources among the best free design resources. Flaticon and The Noun Project both offer enormous libraries in SVG and PNG, while Feather Icons gives you a clean, open line-icon style (MIT-licensed) you can drop straight into a prototype. Feather Icons is my go-to whenever a project calls for lightweight, minimal icons rather than something more decorative.

Line Versus Filled Icon Systems

Line icons use thin outlined strokes, so they feel light and modern, and they suit dense dashboards where you do not want visual clutter.

Filled icons carry more weight and read better at small sizes, which is why they often appear in mobile navigation bars where a tiny outline would disappear.

Picture a fintech app team in Singapore building a Figma prototype for a new savings feature. If they mix Feather line icons in the header with heavy filled icons in the tab bar, the interface feels stitched together from two different products.

Keeping Icons Consistent Across a UI

The single most useful rule I give people is this: pick one icon family per project and stick to it.

That fintech team should choose, say, Feather for everything, then only reach outside that set when an icon genuinely does not exist. Consistency in stroke weight, corner radius, and grid size is what makes a UI feel professional rather than improvised.

If you are still finding your feet in the tool, master the basics with our Figma tutorial for beginners so you can build a shared icon component library your whole team pulls from. If you want structured, hands-on guidance, Equinet Academy’s WSQ What The Figma course walks you through exactly this.

Customising Open-Source SVGs

The advantage of SVG over PNG is that it is editable code, so you can recolour, resize, and restyle without any loss of quality. Because Feather Icons is open source, you are free to open the SVG in Figma, adjust the stroke width, and match your brand palette. That flexibility is exactly why I steer teams towards it for early prototypes.

Just watch the licences carefully. Many assets on The Noun Project and some on Flaticon require attribution unless you hold a paid plan. To attribute correctly, credit the individual creator and link back to the source, usually with a line like “icon by [creator name] from The Noun Project” in your footer or app credits.

For a shipping product, I usually recommend either using genuinely free licence sets like Feather or budgeting for a paid plan, so you never risk a compliance headache with borrowed icons.

3. Free Stock Photo Libraries Worth Bookmarking

When I need photography and have zero budget, three sites do most of the heavy lifting for me: Unsplash, Pexels, and Pixabay. All three offer genuinely high-resolution images under generous licences, and together they cover most briefs among the best free design resources I keep bookmarked.

Unsplash tends to have the most editorial, magazine-quality shots. Pexels is strong on both photos and free video clips, which is handy for social. Pixabay casts the widest net, including illustrations and vectors, though the quality varies more, so I filter harder there.

Sourcing Diverse, On-Brand Photos

The catch with free libraries is that they skew Western and skew generic. If you search “office team”, you will drown in blonde professionals in glass boardrooms that look nothing like Singapore.

Picture a Toa Payoh GP clinic building a new website. Generic Western stock will feel imported and cold to the aunties and uncles who walk in. That clinic needs authentic local faces, HDB void deck backdrops, and the small details that read as home.

My trick is to search with specific, regional terms: “Asian family”, “Singapore hawker”, “elderly Chinese man”, “clinic Southeast Asia”. You will get fewer results, but the ones you find will actually resonate with a local audience. Choosing images that match your audience is part of the same thinking behind how you build a content strategy that boosts your SEO.

Avoiding the Overused 'Stocky' Look

Some free images have been used so many times that they trigger instant “this is stock” recognition. Think forced handshakes, staged laughing over salad, and thumbs-up to camera.

The fix is to favour candid, imperfect, in-context shots over polished poses. I look for photos where people are mid-action rather than smiling straight down the lens, and I skip anything that has clearly gone viral across a hundred landing pages.

Editing Basics to Make Free Photos Feel Bespoke

A free photo starts to feel like yours the moment you edit it with intent. Even light touches go a long way.

Here are the quick adjustments I make almost every time:

• Crop tightly to reframe the subject and cut generic backgrounds.

• Apply a consistent colour tone or filter that matches your brand palette.

• Add a subtle text or graphic overlay so the image carries your identity.

One thing to watch: even free stock can carry model-release limits. The people in those photos have not agreed to endorse your product, so never use a stranger’s face in an ad in a way that implies they recommend your clinic, cafe, or app. Keep it illustrative, not testimonial, and you stay on the safe side.

4. Free Illustrations and Vectors That Still Feel On-Brand

Illustrations solve a different problem than photography. When you do not have a real product shot yet, or a stock photo would feel oddly literal for an abstract idea like “security” or “teamwork”, a good illustration set carries the concept without needing a photoshoot.

unDraw is the one I reach for most often among the best free design resources here, because its illustrations are genuinely editable: you can swap the accent colour to match your brand palette with a single click, rather than hunting for an illustration that happens to already be navy and orange. Storyset, from the Freepik family, works the same way and adds simple built-in animation if you want a lightweight motion touch on a landing page. DrawKit and Icons8’s Ouch! collection rounds out the set if you want a different illustration style, since not every brand suits the same flat, rounded look.

Matching Illustration Style to Your Brand Personality

Picture a Singapore fintech app onboarding new users to a savings feature. A playful, rounded illustration style like unDraw’s suits a consumer app aimed at younger savers, but the same style would feel out of place on a compliance-heavy B2B dashboard, where a more geometric, editorial illustration style reads as more credible.

Pick one illustration family per product, the same discipline I recommend for icons, so a rounded unDraw character does not appear on the same screen as a sharp, geometric vector from a different set.

Recolouring Vector Packs to Match Your Palette

Because unDraw and Storyset illustrations ship as editable SVGs, you can open them directly in Figma and swap the fill colour to your brand’s exact hex codes, rather than settling for whatever shade the illustration happened to ship in.

For that fintech app, swapping unDraw’s default purple accent for the brand’s own navy and a warm accent orange took one designer under ten minutes across a full onboarding flow, and it made a free illustration set look like it was commissioned specifically for the product.

Licence Checks Specific to Illustration Packs

Illustration licences carry the same traps as fonts and icons, so read the terms before you ship. unDraw’s licence is generous and does not require attribution in your end product, but always confirm on the current licence page, since terms can shift as a project grows and adds contributor-submitted work.

Some vector marketplaces bundle a handful of genuinely free illustrations alongside a much larger paid catalogue, so double-check that the specific file you downloaded is the free one and not a watermarked preview.

5. Free Mockups for Pitches and Product Presentations

Some of the best free design resources are not fonts or icons at all, but ready-made mockups that let you skip the blank canvas entirely.

When you are staring down a Monday deadline for an investor pitch, a good mockup is the difference between shipping something polished and pulling an all-nighter.

Device and Product Mockups for Pitches

Picture a Singapore startup applying for an Enterprise Singapore grant or preparing an investor deck. The panel wants to see the product looking real, not a flat screenshot floating on a slide.

Freepik (Magnific) has a large library of free device and product mockups, from iPhone frames to packaging shots, that let you drop your app screen into a believable context in minutes.

Figma Community is another goldmine here, with free mockup files you can duplicate and edit directly. If you are new to that ecosystem, it helps to first explore what Figma is used for in real projects, so you understand how to remix community files properly.

I usually grab a laptop or phone mockup, paste in the actual product interface, and suddenly the pitch feels like a real company rather than a weekend idea.

6. Free Templates for Campaigns, Decks and Print

Consistency across a campaign is where small teams quietly lose credibility. One Instagram post looks sharp; the next looks like a different brand made it.

Social Media Templates for Consistent Campaigns

Canva solves this with free social media templates sized for Instagram, LinkedIn, Facebook and Stories, all editable and easy to keep on brand.

For an SME running a promotion or a launch, I recommend picking one Canva template family and reusing its layout, colours and fonts across every post. That single decision makes an entire campaign look intentional.

Figma Community also hosts free social kits if your team already works in Figma and wants everything in one file.

Slide Decks for Client Proposals

Nothing tanks a proposal faster than an ugly deck. Whether you are pitching a retainer or applying for funding, the slides carry your credibility.

Here are three reliable places to find free deck templates:

• Canva, for drag-and-drop presentation templates with matching charts and title slides

• Figma Community, for editable pitch deck files you can adapt to your brand

• Freepik, for downloadable slide graphics and background elements

Grab a clean structure, then rebuild the content around your real numbers and story rather than the filler text.

One warning before you send anything to a client: always swap out every placeholder image, name, and lorem ipsum block. Leftover dummy text in a delivered file is embarrassing and avoidable.

Finally, check the licence. Free does not always mean free for commercial use, so confirm each template and mockup allows client work before you invoice for it.

7. Colour and Palette Tools to Keep Brands Consistent

Getting colour right used to mean squinting at swatches for far too long. Coolors lets you generate, lock, and refine full palettes in the browser, then export them straight into your file.

Accessibility matters too, especially for local businesses serving older customers. A quick contrast checker tells you whether your text will actually be readable, which protects both your client’s users and your own reputation.

• Coolors for generating and locking palettes fast

• Contrast checkers to confirm text meets accessibility standards

• Figma colour plugins to apply and manage palettes across a file

Picture a Bishan boutique fitness studio finalising its brand palette before a rebrand launch. Running the chosen teal-and-coral pairing through a contrast checker first confirms class schedules stay legible on both the website and the printed studio timetable, not just in a bright Figma file.

Used together, these free tools let a one-person studio deliver work that looks like it came from a full team.

8. UI Kits and Design System Starters

Building every button, input field, and navigation bar from scratch is one of the slowest, least valuable ways to spend a design sprint. A free UI kit gives you a working component library on day one, so your time goes into the product decisions that actually differentiate it.

Untitled UI offers a genuinely free tier of its Figma component library, covering buttons, forms, navigation, and cards in a clean, modern style that suits most SaaS and app products out of the box. Material Design, Google’s open-source design system, is a solid pick when you want components that already follow well-tested accessibility and interaction patterns. Figma Community also hosts dozens of free wireframe and UI kits from individual designers, which are handy for rough concept work even when the final product will use a custom system.

Starting From a Kit Instead of a Blank Frame

Picture that same Singapore fintech team building a prototype for a new savings feature. Instead of drawing input fields and toggle switches from scratch, they duplicate a free Untitled UI kit into their file and start dragging in pre-built components immediately.

Within an afternoon, they had a clickable prototype ready for a stakeholder review, built almost entirely from existing components restyled with their own colours and type.

Customising Tokens Without Breaking the System

The point of a design system is consistency, so resist the urge to hand-edit individual components one at a time. Most free kits are built around design tokens, colour, spacing, and type variables, so update the token once, and every component that references it updates automatically.

For the fintech prototype, swapping the kit’s default blue for the brand’s navy and orange took minutes at the token level, rather than hours of manually recolouring dozens of individual buttons and cards.

When a Free Kit is Not Enough

A free UI kit is a starting point, not a permanent design system. Once a product has real usage and multiple squads building on it, invest in customising or building a proper design system, because a kit that was never meant to scale will start showing cracks: inconsistent spacing, components that do not quite match your brand voice, and gaps for edge cases the original kit never anticipated.

9. Video and Motion Assets for Social Content

Static images only get you so far on social platforms that increasingly favour video. The good news is that free stock video and motion resources have caught up with free photo libraries in both quality and range.

Pexels and Pixabay both host free stock video clips alongside their photo libraries, so if a photo licence already works for your project, the matching video licence usually does too. Mixkit and Coverr specialise purely in video and lean towards short, cinematic b-roll, the kind of moody café pour-over or city traffic shot that works well as ad background footage. LottieFiles offers free, lightweight animation files for small interface touches, like a loading spinner or a success checkmark, that add polish without the file weight of a full video.

Sourcing Footage that Does Not Feel Imported

Picture a heartland coffee shop putting together a TikTok ad for a new seasonal drink. Generic stock footage of a European café interior will feel obviously imported the moment a Singapore viewer sees it- the same trap as generic stock photography.

Search Mixkit and Pexels with specific terms like “hawker centre”, “kopi pour” or “HDB void deck” rather than generic ones like “coffee shop”, and be ready to mix in your own phone footage of the actual shop when the free libraries come up short on anything distinctly local.

Adding Motion Without Hiring an Animator

LottieFiles is worth a special mention because it solves a different problem than b-roll footage. A free Lottie animation dropped into an app’s loading screen or an empty state makes the product feel considered, without needing After Effects or a motion designer on the team.

Most Lottie files also import directly into tools like Figma or straight into code via a lightweight player, so the same free asset works whether your team is prototyping or shipping.

Licence Checks Specific to Video

Video licences are not always identical to photo licences on the same platform, even when both are labelled free, so check the terms for video specifically rather than assuming the photo rules carry over. Watch in particular for limits on using a clip in a paid ad campaign versus organic social, since some free video licences draw that line explicitly.

10. Understanding Licensing: What "Free" Really Means

Free does not always mean free to use however you like. I have seen a Singapore SME get a stern letter from a font foundry because someone on the marketing team dropped a “free” display font into a paid brochure without checking the terms.

So before you publish anything, spend two minutes reading the licence. It saves you from a very expensive afternoon later.

Understanding Creative Commons and Public Domain

Most of the best free design resources carry a Creative Commons licence, and the variants matter more than people realise.

CC0 and true public domain assets are the safest: you can use them commercially, modify them, and rarely need to credit anyone. Unsplash and Pexels photos usually fall close to this, though always confirm on the asset page itself.

Watch for the extra letters. CC BY needs attribution, CC BY-SA forces you to share your derivative under the same licence, and CC BY-ND blocks you from editing the work at all.

Commercial Versus Personal Use Limits

This is where many free fonts trip people up. A typeface on a marketplace might be free for personal projects but require a paid commercial licence the moment you put it on a client logo or a product you sell.

Picture a home bakery in Tampines building its packaging around a pretty script font. If that font is personal use only, using it on labels sold to customers is commercial use, and the foundry can pursue an IP infringement claim.

The fix is simple: search for the word “commercial” in the licence and confirm it is allowed before you commit a font or image to any paid work.

Attribution and PDPA Caution for Real People

Attribution is not just polite; it is often a legal condition. If a licence says to credit the creator, do it exactly as specified, usually near the image or in a credits section.

There is a second layer people forget in Singapore: the Personal Data Protection Act. A stock photo licence covers the copyright, but it does not automatically give you consent to publish an identifiable individual in a way that suggests endorsement.

If you use a photo of a recognisable real person, especially one implying they are a customer or staff member, you need to think about PDPA and consent, not just the image licence.

Keep a Simple Licence Record

The habit that has saved me the most grief is boring but effective: keep a licence log per project.

I recommend a short record for every downloaded asset that captures:

• The asset name and source URL

• The licence type (CC0, CC BY, commercial, and so on)

• Any attribution text required

• The download date

• A screenshot of the licence terms at the moment you downloaded

Screenshot the terms at download, because licence pages change, and your proof of what was allowed at that time is your best defence.

Bonus: Free AI and Figma Plugins for Faster Workflows

Some of the best free design resources I lean on daily are not fonts or stock photos at all. They are the community plugins and AI helpers that quietly shave hours off repetitive work.

I think of a solo freelancer I know in Singapore who juggles branding jobs for small F&B outlets and clinics. She topped up her skills using her SkillsFuture Credit, then rebuilt her workflow around free community tools so she could turn projects around faster without hiring help.

Plugins that Automate Repetitive Design Tasks

The Figma Community is a deep well of free plugins built by other designers. Instead of manually resizing a hundred social posts or renaming layers one by one, you install a plugin and let it batch the boring parts.

For my freelancer friend, plugins like Content Reel to drop in placeholder text and images, and auto-layout helpers, meant she could mock up a full menu redesign in an afternoon rather than a full day.

The point is not to collect plugins. Pick two or three that solve a task you repeat in every single project, and learn those well.

AI Tools for Quick Asset Generation

AI-assisted tools now handle jobs that used to eat up your evening. Background removers strip out messy studio shots for a clinic’s product photos in seconds, and AI image generators can rough out concept visuals when a client cannot describe what they want.

Figma itself has been folding AI directly into the canvas, and it is worth understanding what it can and cannot do. You can see the Figma AI features that speed up design work before you build them into your process.

One caution I always give: AI-generated visuals can raise copyright and originality questions. Before you put anything in front of a paying client or into a commercial campaign, review the output, check the tool’s usage terms, and treat AI as a starting draft rather than a finished asset.

Two or three well-chosen plugins, used consistently, save more time over a year than any single premium tool subscription would.

Building Your Own Reusable Free Resource Library

Downloading a great font or icon set is the easy part. The hard part is finding it again three months later when a new project lands and half your team has forgotten where it lives.

That is where a proper library turns your best free design resources from scattered clutter into a genuine asset. Let me show you how to build one that actually gets used.

Folder and Naming Conventions

Start with a folder structure that mirrors how you actually work, not how you think design should be organised. I usually split a top level into Fonts, Icons, Stock, and Templates, then break each into subfolders by project or brand.

Naming matters just as much. A file called icon-set-final-v3.zip tells you nothing, but phosphor-icons_ui-nav_free.zip tells you the source, the use case, and the licence type at a glance.

Agree on this convention once, write it down, and hold everyone to it. The five minutes of discipline when saving a file saves an hour of hunting later.

Using Figma Libraries or Shared Drives

For visual assets, a shared Google Drive or SharePoint folder works fine for raw files, but Figma libraries are where the real-time savings appear.

Picture a growing marketing agency in Tai Seng onboarding two new hires in the same month. Instead of emailing them a dozen zip files, you publish a Figma team library with approved fonts, icon components, and reusable templates already loaded.

The new designer opens Figma on day one, and every approved asset is a click away in the Assets panel. No guessing which typeface is on brand, no digging through someone’s Downloads folder.

If your team is still working out roles and who owns what, it helps to first understand the difference between UI and UX so your library is structured around how each function actually uses the assets.

Documenting Licences Alongside Each Asset

This is the step most teams skip, and it is the one that protects your business. Every free resource comes with terms, and free for personal use is not the same as free for a paying client project.

Keep a simple licence log, a spreadsheet or a README file, that sits inside each folder. For each asset, record the source URL, the licence type, and whether attribution is required.

Do this, and you will never again find out mid-campaign that a favourite font was never cleared for commercial use. A tidy, well-documented library saves rework hours and quietly shields you from accidental licence breaches, which is exactly why structured design skills are worth investing in.

Conclusion

When I started out working with lean marketing teams here in Singapore, the assumption was always that good design meant a fat budget or an outsourced agency on retainer. That simply is not true anymore.

As we have seen across these ten picks, the best free design resources cover every category you actually need: typefaces, icons, illustrations, stock photos and video. You can build a polished brand look without spending a cent on the raw assets.

But I want to leave you with the two throughlines that matter most. First, quality is out there for free if you know where to look. Second, licence-checking is never optional.

The last thing you want is a cease-and-desist letter, or a client asking why an image on your website belongs to someone else. A quick habit of reading the licence terms, especially around commercial use and attribution, protects your team and your reputation.

So bookmark these tools. Build your own vetted library, one that your whole team can pull from with confidence.

Here is the honest catch, though. Free assets are only as good as the hands using them. A generous stock library will not save a cluttered layout or an off-brand colour choice.

That is where structured training turns raw tools into professional output. If you are ready to design with real confidence, enrol in the Design Thinking Course at Equinet Academy. It is SkillsFuture-supported, hands-on, and built for busy Singapore professionals. Book your seat and turn these free tools into work that looks commissioned.

Learn the skills, use the free tools, and start designing smarter today.