Design Tools
Logo Maker
Pick an icon, add your brand name, and download a ready-to-use logo as PNG or SVG. The logo maker runs 100% in your browser — nothing is uploaded and no signup is needed.
Presets
669 icons
Preview
What makes this tool different
500+ searchable icons
Browse a hand-picked Lucide-style icon library. Search by name or keyword to find the perfect mark for your brand.
Live preview
Every change — icon, color, rotation, or background — updates the preview instantly so you always see the final result.
PNG and SVG download
Export a transparent PNG for websites and apps, or an SVG vector that stays sharp at any size.
Brand text built in
Add your brand name under the icon with its own color and size, so the logo fits your site header right away.
About this tool
Logo Maker: everything you need to know
Every brand needs a logo — it's the first thing people remember and the mark they search for by heart. A great logo doesn't need to be complicated. It needs to be clear, distinctive, and to work everywhere: in a browser tab, an app icon, a social profile, and a favicon. That's why starting with a strong, simple icon is the smartest move.
This free logo maker gives you a hand-picked library of 500+ searchable, stroke-based icons. Instead of starting from a blank canvas, you search for the concept — a rocket for launch, a leaf for eco, code brackets for dev tools — click it, and immediately see it on the canvas. The search covers both names and keywords, so typing "bolt" finds the lightning mark and "payment" finds the credit card.
Once your icon is on the canvas, the maker becomes a mini design studio. Add your brand name below the icon and it's styled automatically. Use the sliders to control icon size, rotation, and border width, and the color pickers to set the border, fill, text, and background. Four background styles — transparent, solid, circle, and rounded square — let you prepare the logo for different placements without leaving the page.
Choosing the right format matters. For a website you almost always want SVG: it's a vector, so it stays razor sharp on retina displays and in responsive layouts, and it's tiny compared to a raster image. Use transparent PNG when you need a fixed pixel size, like an app icon or a favicon. This tool exports both, at 512, 1024, or 2048 pixels, so you can drop the result straight into your site header or favicon folder.
Finally, a word on sizes. A good rule of thumb is to export your primary logo at 512×512 (or larger for retina), a favicon at 32×32 or a scalable SVG, and an apple-touch-icon at 180×180. With this maker you pick the output size up front, so every file you download is already sized for where you plan to use it.
Everything happens in your browser. Your logo never touches a server, there's no account to create, and no watermark is added. Pick an icon, style it, and download — that's the whole process, free forever.
FAQ
Logo Maker — frequently asked questions
What is a logo?
A logo is a graphic mark, emblem, or symbol that identifies a company, product, or website. It combines shapes, typography, and color into one visual that people recognize instantly.
What are the principles of good logo design?
A good logo is simple, memorable, timeless, versatile, and appropriate. It should work in a single color, scale from a favicon to a billboard, and still be readable when it's tiny.
What logo format is best for a website?
SVG is best for on-screen use because it's a vector — sharp at every size and small in file size. Pair it with PNG exports (192px and 512px) for favicons and places that don't accept SVG.
What makes a good logo design for a website?
Clarity at small sizes, brand-appropriate colors, and a mark that reads well on light and dark backgrounds. Test it at 16px (favicon size) and against your brand color before you ship it.
What website has an alien logo?
The most famous alien logo belongs to Alienware, the Dell-owned gaming hardware brand. Its glowing alien-head mark is instantly recognizable on laptops and PCs.
How to add a logo showcase to a website?
Create a "logo showcase" section that displays logos at consistent sizes in a grid — usually grayscale by default and full color on hover — with a link to your media kit. Use SVG or optimized PNGs to keep the page fast.
What size should a logo be for a website?
Export your primary logo at 512×512 (or larger for retina), a favicon at 32×32 or a scalable SVG, and an apple-touch-icon at 180×180. A typical header logo is about 150–250 pixels wide.
What is the logo for a website?
The website logo is the visual mark placed in the header — usually top-left — that identifies the site and links back to the homepage. It is often paired with the site name and repeated as a small favicon in the browser tab.
What are the 7 types of logos?
The seven common logo types are: 1) Wordmark — text only, like Google; 2) Letterform — a single letter or initials, like Meta's "f"; 3) Emblem — text inside a shape, like the Starbucks seal; 4) Pictorial mark — a symbol, like Apple; 5) Abstract mark — a geometric shape, like the Nike swoosh; 6) Mascot — a character, like KFC's colonel; and 7) Combination mark — a symbol plus text, like Burger King.
What is the symbol for a website?
The symbol for a website is usually called a favicon or site icon — the small image shown in the browser tab, bookmarks, and history. It's the compact, recognizable version of your logo.
वेबसाइट के लिए लोगो क्या है?
वेबसाइट का लोगो एक ग्राफिक प्रतीक होता है जो आपकी वेबसाइट या ब्रांड की पहचान दर्शाता है। यह साइट के हेडर में, ब्राउज़र टैब में (फ़ेविकॉन के रूप में) और होमपेज पर दिखता है, ताकि विज़िटर आपके ब्रांड को तुरंत पहचान सके।
लोगो के 7 प्रकार क्या हैं?
लोगो के सात प्रकार हैं: 1) वर्डमार्क — सिर्फ टेक्स्ट वाला लोगो; 2) लेटरफॉर्म — एक ही अक्षर या इनीशियल; 3) एम्बलम — आकृति के अंदर टेक्स्ट; 4) पिक्टोरियल मार्क — प्रतीक (जैसे Apple); 5) एब्सट्रैक्ट मार्क — ज्यामितीय आकार (जैसे Nike swoosh); 6) मैस्कॉट — कैरेक्टर; 7) कॉम्बिनेशन मार्क — प्रतीक + टेक्स्ट।
What is a URL logo?
A URL logo (commonly called a favicon) is the small icon associated with a website's address. Browsers fetch it from /favicon.ico or a link tag and show it in the tab, bookmarks, and address bar next to the URL.
How do I get a website icon?
Open the site's page source and look for the <link rel="icon"> tag, or try /favicon.ico directly. To create one, design your logo, export it as a 512×512 PNG or SVG, and reference it with a link tag. This tool downloads both formats.
What are the five types of icons?
On the web, the five common icon types are: 1) Favicon or site icon; 2) Apple touch icon; 3) App icon; 4) Social media sharing icons; and 5) UI or interface icons for menus and buttons.
What is a site icon?
A site icon is the small image browsers display in the tab, bookmarks, and address bar for a website. It's usually 16×16 to 32×32 pixels (or a scalable SVG) and acts as a mini version of the logo.
How do I get the logo of a website?
Visit the site and check /favicon.ico, or use the browser's element inspector to find the <link rel="icon"> and og:image URLs. For your own site, design the logo and upload it to the header and as a favicon.
How do I create my own icon?
Pick an icon from this tool's library, choose colors, a background, and an output size, then download it as a PNG or SVG. For a fully custom icon, draw a vector in a design app and export the sizes you need.
How to see a website icon?
Open the site in a browser — the favicon appears in the tab, the address bar, and bookmarks. In this logo maker you can preview your chosen icon on the canvas before you download it.
Keep exploring