Text & Icon Logo Maker
Create a clean logo from your brand name, initials, or an icon — free, in your browser, no sign-up. Then turn it into favicons and app icons in one click.
Design Your Logo in the Browser
Pick a type, enter your name, choose an icon and colors — the preview updates live, and nothing you type leaves this page.
Everything you need to launch a brand mark
No design skills, no sign-up, no cost.
Text & initials logos
Turn a brand name or monogram into a crisp, balanced mark.
Thousands of icons
Search a full lucide icon set and drop one into your logo.
Vector SVG export
Download lossless SVG plus PNG at 512 and 1024 px.
One-click assets
Pipe your logo straight into favicon and app-icon generation.
100% in-browser
Your logo is rendered locally — nothing is uploaded to design it.
Free forever
No watermark, no account, no paywall on the maker.
How to make a logo
Three steps from idea to full asset pack.
- 1
Add your name or icon
Type your brand name or initials, then search the icon library for a symbol that fits your niche. Short names work best — one or two words, or a two-to-three-letter monogram.
- 2
Style it
Choose a background shape, layout, and palette, or fine-tune the foreground, background, and gradient colors. Keep an eye on the live preview to make sure the mark stays legible when small.
- 3
Export & generate assets
Download your logo as lossless SVG or high-resolution PNG, or click once to generate a complete favicon and app-icon package wired for every platform.
Which Type of Logo Should You Make?
Four classic logo families — and when each one works best.
Most logos fall into four families. Knowing which one fits your brand saves hours of tinkering, and it decides how well your mark will survive at favicon size.
Wordmark
Short, memorable names
A wordmark sets your full brand name in a distinctive typeface — the approach Google and Coca-Cola built on. It creates name recognition fast, which makes it ideal for new brands with short names. Keep it to one or two words; long names get cramped in headers and unreadable in small placements.
Lettermark / Monogram
Long or hard-to-pronounce names
A lettermark condenses your name to one to three initials, the way IBM, HP, and NASA do. It is the most compact logo type, so it stays crisp in tab bars, avatars, and app icons. All-caps initials in a bold weight inside a simple shape read clearly even at 16 pixels.
Icon / Pictorial mark
Apps, avatars, and stickers
An icon mark is a pure symbol with no text. It is perfect for app icons and social profiles, but a brand-new audience cannot yet connect an abstract symbol to your name — so young brands usually pair the icon with text instead of using it alone.
Combination mark
Most new brands and products
A combination mark pairs a symbol with your name — the safest starting point for a new brand, and the pattern used by the majority of Fortune 500 companies. Use the full lockup on your website and pitch deck, then drop the text and reuse the icon alone as your favicon and app icon.
Logo Color Psychology, in Practice
Color is the fastest signal your logo sends. Pick one that matches the feeling you want to project.
| Color | What it signals | Common in |
|---|---|---|
| Blue | Trust, reliability, professionalism — the reason the majority of credit-card and tech brands lean on it | Tech, finance, healthcare |
| Red | Energy, passion, urgency; it even stimulates appetite | Food, retail, entertainment |
| Green | Growth, health, nature, and calm | Wellness, sustainability, fintech |
| Yellow / Orange | Optimism, friendliness, and playful energy | Food, kids, creative brands |
| Black / Gray | Sophistication, authority, and minimal luxury | Fashion, premium goods, automotive |
| Purple / Pink | Creativity, imagination, and modern youthfulness | Beauty, education, SaaS |
- Start with one or two colors. Every extra color multiplies the work of adapting your logo to print, embroidery, and dark interfaces.
- Design the one-color version first. If your mark only works in full color, it will fail on invoices, engraving, and monochrome UIs.
- Keep a light-on-dark and a dark-on-light variant so the logo never disappears in a browser's dark theme.
- Mind contrast at small sizes: a foreground-to-background contrast of at least 3:1 keeps a favicon readable in a crowded tab bar.
Typography Tips for Text Logos
The typeface does half the branding work in a text logo.
Serif vs sans-serif
Serif faces signal tradition, authority, and editorial credibility — a natural fit for law, finance, and luxury. Sans-serif faces feel modern and approachable, and their clean strokes survive small sizes far better. If your logo has to work as a favicon or app icon, favor a sans-serif or a very bold serif.
Weight matters when small
Bold and black weights hold their shape as a logo shrinks; thin and light strokes break apart below 32 pixels. If you love a light weight, reserve it for large placements and switch to a heavier cut for icons.
Letter spacing sets the tone
Generous tracking with all-caps text reads as premium and calm — the classic luxury-brand move. Tight spacing feels dense and technical. Bold faces need slightly more spacing than regular ones so the letters don't visually merge.
Monogram techniques
Make initials feel deliberate: overlap the letters, let them share a stroke, or set them inside a simple shape like a circle or shield. Two or three capital letters in a strong weight is the most durable recipe.
SVG vs PNG vs ICO: Which Format When?
You don't pick one format — you use each where it's strongest.
| Capability | SVG | PNG | ICO |
|---|---|---|---|
| Scales without quality loss | Yes — vector | No — fixed pixels | No — fixed pixels |
| Transparent background | Yes | Yes | Yes |
| Typical file size for a logo | Tiny (often < 5 KB) | Medium, grows with size | Small, multi-size bundle |
| Editable afterwards | Yes — it's readable code | No | No |
| Multiple sizes in one file | One file fits all sizes | One file per size | Yes — 16/32/48 embedded |
| Best used as | Master file, web, print | Avatars, docs, marketplaces | Legacy favicon fallback |
In practice: keep SVG as your master file, export PNG for places that need a bitmap, and ship a favicon.ico so older browsers and pinned shortcuts always find an icon. The one-click asset pack below produces all three from a single source.
Logo Size Cheat Sheet
The sizes you'll actually be asked for, in one table.
Every platform crops and scales differently. Export from SVG at the exact target size instead of scaling a bitmap up or down, and your edges stay sharp everywhere.
| Placement | Recommended size | Notes |
|---|---|---|
| Website header | SVG, or PNG ~400 px wide (2x) | Most headers render the logo at 120–250 px wide; a 2x export keeps it sharp on retina screens |
| Social profile picture | 800×800 px source | Facebook, X, LinkedIn, and YouTube crop avatars to a circle — keep key elements centered |
| Email signature | PNG ≤ 320 px wide | A small mark that must load fast in every mail client |
| Favicon family | 16, 32, 48 px in one .ico | Browser tabs, bookmarks, and the Windows taskbar; 32 px is the most-seen size on modern screens |
| App & PWA icons | 180, 192, 512 px PNG | Apple touch icon, Android home screen, PWA install, and store listings |
| Vector (SVG/PDF) at 300 DPI | Business cards, packaging, merchandise — never scale a bitmap up for print |
The favicon family is the easiest set to get wrong by hand. Generate the complete pack below, or build it from any image with our dedicated generator, then audit your live site to confirm every tag resolves.
What's in the One-Click Asset Pack?
One click on "Generate all-platform assets" turns your design into a ready-to-ship bundle.
favicon.ico
Multi-size ICO (16, 32, 48 px) served from your site root as the universal fallback
favicon.svg
Vector favicon for modern browsers — one file, every resolution
favicon-16x16.png / favicon-32x32.png
Crisp PNG favicons for high-DPI tab bars and bookmarks
apple-touch-icon.png
180×180 icon iOS uses for home-screen bookmarks and Safari
android-chrome-192x192.png / 512x512.png
Android home-screen, Chrome install, and PWA splash icons
HTML + manifest snippets
Copy-paste <head> tags, manifest.json, and browserconfig.xml pre-wired to the generated paths
Great for
A fast starting point whenever you need a mark.
Side projects & MVPs
Ship with a real logo instead of a placeholder.
Developers
Get a favicon and app icons wired up in minutes.
Startups
Prototype brand directions before hiring a designer.
Events & communities
Spin up a mark for a meetup, Discord, or newsletter.
Frequently asked questions
Everything about the logo maker.
Is the logo maker really free?
Yes — completely. Designing, downloading SVG and PNG, and generating the favicon and app-icon package are all free, with no account, no watermark, and no resolution paywall. Many logo tools give away only a low-resolution PNG and charge for vector files; here the SVG master file is part of the free download.
Can I use a logo I made here commercially?
Yes. You created the design, and you can use it for business sites, products, and marketing without attribution. Icons come from the open-source lucide icon set under the permissive ISC license, which allows commercial use. If you need exclusive rights to the mark, register it as a trademark in your jurisdiction.
Can I trademark a logo I made with an online tool?
Owning your design and owning a trademark are different things. A trademark requires registration in your country and enough distinctiveness to identify your brand. Custom text plus a distinctive or modified icon is generally stronger than an unedited stock symbol, and a trademark attorney can assess your specific mark before you file.
What formats can I export?
Lossless vector SVG plus PNG at 512×512 and 1024×1024. The SVG is your master file — it scales to any size without quality loss. One more click turns the same design into a complete favicon and app-icon package with ICO, PNGs, and manifest snippets.
Is SVG better than PNG for a logo?
They do different jobs. SVG is a vector format: infinitely scalable, tiny, and editable later, which makes it the right master file. PNG is a bitmap with transparency that works everywhere — avatars, documents, marketplaces. Keep the SVG as your source of truth and export PNG copies at the sizes each platform asks for.
Do you upload my logo to a server while I design?
No — the editor runs entirely in your browser, and the preview is rendered locally, so your brand name and design never leave your device while you work. Only if you click "Generate all-platform assets" is the finished image sent to our generator to produce the icon package.
How do I turn my logo into a favicon?
Use the icon or monogram version of your logo rather than the full name — full wordmarks are unreadable at 16 pixels. Then click "Generate all-platform assets" to get favicon.ico, PNG favicons, an apple-touch-icon, Android icons, and manifest snippets, along with the HTML tags to paste into your site's head.
Why does my logo look blurry as a favicon?
Usually one of three causes: the icon was scaled down from a large bitmap instead of rendered at the target size, the design has too much detail for a 16-pixel canvas, or thin strokes and low contrast blur together. Simplify to a bold monogram or symbol, render from SVG, and audit the live result with our Favicon Checker.
How do I make a monogram logo from my initials?
Take one to three initials — two or three capital letters work best — switch the editor to text mode, and use a bold weight. Add a simple containing shape like a circle or rounded square for cohesion, and a little letter spacing so the characters don't merge at small sizes.
How many colors should a logo have?
One or two, especially at the start. Every additional color makes the logo harder to reproduce in print, embroidery, dark mode, and monochrome contexts. Design the single-color version first; if the mark still reads clearly, color becomes reinforcement rather than a crutch.
Should I choose a serif or sans-serif typeface?
Serif typefaces carry tradition and authority, which suits law, finance, publishing, and luxury. Sans-serif faces feel modern and stay legible at small sizes, which is why most tech brands use them. If your logo must double as a favicon or app icon, choose a sans-serif or a very bold serif.
Should my logo have a transparent background?
Your master export should be transparent (SVG or PNG) so the logo sits cleanly on any page. For favicons and social avatars, though, a solid background shape usually improves legibility — a white mark on transparency disappears on light interfaces. The background-shape toggle in this editor exists for exactly that reason.
What size should a logo be for a website header and social media?
For headers, an SVG or a 2x PNG around 400 pixels wide covers the usual 120–250 pixel display width. For social profiles, upload an 800×800 source and keep key elements centered, since most platforms crop avatars to a circle. The size cheat sheet above lists the full set of placements.
Want to go deeper?
Favicon Optimization Across Different Browsers