https://superdesigner.co/tools/logo-generator

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/>

1<script async="" src="https://www.googletagmanager.com/gtag/js?id=

1G-DTZQJYKX6E

1"></script>

1<title data-next-head="">Free Logo Generator | Super Designer</title><meta name="description" content="Transform your SVG or PNG icon into a polished logo with custom backgrounds and colors." data-next-head=""/><link rel="canonical" href="https://superdesigner.co/tools/logo-generator" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:url" content="https://superdesigner.co/tools/logo-generator" data-next-head=""/><meta property="og:title" content="Free Logo Generator | Super Designer" data-next-head=""/><meta property="og:description" content="Transform your SVG or PNG icon into a polished logo with custom backgrounds and colors." data-next-head=""/><meta property="og:image" content="https://superdesigner.co/og/og_bg.png" data-next-head=""/><meta property="twitter:card" content="summary_large_image" data-next-head=""/><meta property="twitter:url" content="https://superdesigner.co/tools/logo-generator" data-next-head=""/><meta property="twitter:title" content="Free Logo Generator | Super Designer" data-next-head=""/><meta property="twitter:description" content="Transform your SVG or PNG icon into a polished logo with custom backgrounds and colors." data-next-head=""/><meta property="twitter:image" content="https://superdesigner.co/og/og_bg.png" data-next-head=""/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"/><link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png"/><link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png"/><link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png"/><link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png"/><link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png"/><link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png"/><link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png"/><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png"/><link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/><meta name="msapplication-TileColor" content="#ffffff"/><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"/><meta name="theme-color" content="#ffffff"/><link rel="preload" href="/_next/static/chunks/00soxvmvv~b-m.css" as="style"/>

1<script type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"WebApplication","name":"Free Logo Generator | Super Designer","description":"Transform your SVG or PNG icon into a polished logo with custom backgrounds and colors.","url":"https://superdesigner.co/tools/logo-generator","applicationCategory":"DesignApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"datePublished":"2024-01-01","dateModified":"2026-05-27"}</script>

1<script type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://superdesigner.co"},{"@type":"ListItem","position":2,"name":"Tools","item":"https://superdesigner.co/tools"},{"@type":"ListItem","position":3,"name":"Free Logo Generator","item":"https://superdesigner.co/tools/logo-generator"}]}</script>

1<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&amp;family=JetBrains+Mono:wght@400;500&amp;display=swap" rel="stylesheet"/>

1<script>

1window.dataLayer = window.dataLayer || [];
2                  function gtag(){dataLayer.push(arguments);}
3                  gtag('js', new Date());
4
5                  gtag('config', '

5G-DTZQJYKX6E

5');

5</script>

5<script>

5(function(h,o,t,j,a,r){
6                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
7                h._hjSettings={hjid:

73105589

7,hjsv:6};
8                a=o.getElementsByTagName('head')[0];
9                r=o.createElement('script');r.async=1;
10                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
11                a.appendChild(r);
12            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

12</script>

12<link rel="stylesheet" href="/_next/static/chunks/00soxvmvv~b-m.css" data-n-g=""/><noscript data-n-css=""></noscript>

12<script src="/_next/static/chunks/14l27ulnb0xz8.js" defer=""></script>

12<script src="/_next/static/chunks/0u6xjc6qdrfjw.js" defer=""></script>

12<script src="/_next/static/chunks/00i6ja_.g9ss0.js" defer=""></script>

12<script src="/_next/static/chunks/0pg9h4netszvn.js" defer=""></script>

12<script src="/_next/static/chunks/turbopack-08py6mvy9~-7p.js" defer=""></script>

12<script src="/_next/static/chunks/0kjwx0xhvs5pg.js" defer=""></script>

12<script src="/_next/static/chunks/0kxysj65agr1e.js" defer=""></script>

12<script src="/_next/static/chunks/10k75mc20ejvz.js" defer=""></script>

12<script src="/_next/static/chunks/0dw.~~c3hminz.js" defer=""></script>

12<script src="/_next/static/chunks/0r-8wnuuk_xzf.js" defer=""></script>

12<script src="/_next/static/chunks/turbopack-00aim29icd3re.js" defer=""></script>

12<script src="/_next/static/HZM18sQ9j-ViJyJqVP_qT/_buildManifest.js" defer=""></script>

12<script src="/_next/static/HZM18sQ9j-ViJyJqVP_qT/_ssgManifest.js" defer=""></script>

12<script src="/_next/static/HZM18sQ9j-ViJyJqVP_qT/_clientMiddlewareManifest.js" defer=""></script>

12</head><body><link rel="preload" as="image" href="/logo.svg"/><link rel="preload" as="image" href="/drone.gif"/><div id="__next">

12<script>((e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y)}catch(n){}})("class","theme","system",null,["light","dark"],null,true,true)</script>

12<div class="flex flex-col bg-slate-100 dark:bg-slate-900"><div class="sm:h-screen sm:overflow-y-hidden"><header class="sticky top-0 z-50 backdrop-blur-md bg-white/80 dark:bg-slate-900/80 border-b border-slate-100 dark:border-slate-800 transition-shadow duration-300 shadow-none" style="opacity:0;transform:translateY(-10px)"><div class="flex flex-wrap sm:px-4 py-3 flex-row items-center max-w-screen-2xl mx-auto"><a class="flex title-font font-medium items-center text-slate-900 mb-0 sm:pl-2" href="/"><img class="w-10 h-10" src="/logo.svg" alt="Super Designer logo"/></a><nav class="ml-auto flex flex-wrap items-center text-base justify-center pr-1 gap-1"><div class="px-3 w-10 h-10"></div><div class="relative"><button type="button" class="flex items-center gap-1 px-3 py-2 text-sm font-medium rounded-lg transition-colors text-slate-700 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-800">Resources<svg class="w-3.5 h-3.5 text-slate-400 transition-transform duration-200 " fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="relative"><button type="button" class="flex items-center gap-1 px-3 py-2 text-sm font-medium rounded-lg transition-colors text-slate-700 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-800">Tools<svg class="w-3.5 h-3.5 text-slate-400 transition-transform duration-200 " fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="pl-4 flex flex-row flex-wrap"><button type="button" class="focus:outline-none py-2 px-5 rounded-lg text-white bg-indigo-600 hover:bg-indigo-700 transition-colors font-medium" tabindex="0">Export</button></div></nav></div></header><div class="app"><div class="flex flex-col md:flex-row justify-center h-full"><div class="w-full sm:w-9/12 sm:mt-0 mt-1 sm:h-full flex flex-col sm:flex-row justify-center items-center"><div class="flex flex-col items-center justify-center w-full h-full gap-5 p-6"><label class="flex flex-col items-center justify-center w-full max-w-xs gap-4 px-8 py-10 rounded-2xl border-2 border-dashed border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 hover:border-indigo-400 dark:hover:border-indigo-500 hover:bg-indigo-50/40 dark:hover:bg-indigo-900/10 transition-all cursor-pointer"><div class="w-14 h-14 rounded-2xl bg-slate-100 dark:bg-slate-700 flex items-center justify-center"><svg class="w-7 h-7 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div><div class="text-center"><p class="text-sm font-semibold text-slate-700 dark:text-slate-200">Click to upload</p><p class="text-xs text-slate-400 dark:text-slate-500 mt-1">SVG or PNG</p></div><input type="file" class="hidden" accept=".svg,image/svg+xml,.png,image/png"/></label></div></div><div class="w-full sm:w-3/12 sm:mt-0 mt-10 sm:px-0 px-4"><div class="sm:mt-0 pt-1 pb-3 sm:pr-2 flex flex-col justify-start items-start h-full w-full gap-2"><style>
13        @keyframes advert-shine {
14          0%   { transform: translateX(-100%) skewX(-12deg); }
15          100% { transform: translateX(220%) skewX(-12deg); }
16        }
17        .advert-shine::after {
18          content: '';
19          position: absolute;
20          inset: 0;
21          background: linear-gradient(
22            90deg,
23            transparent 0%,
24            rgba(255,255,255,0.18) 50%,
25            transparent 100%
26          );
27          transform: translateX(-100%) skewX(-12deg);
28          animation: advert-shine 3.2s ease-in-out infinite;
29          animation-delay: 1.5s;
30        }
31        @media (prefers-reduced-motion: reduce) {
32          .advert-shine::after { animation: none; }
33        }
34      </style><a href="https://unicornicons.com" target="_blank" rel="noopener noreferrer" class="w-full block focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 rounded-2xl cursor-pointer" style="opacity:0;transform:translateY(4px)"><div class="w-full rounded-2xl bg-white dark:bg-slate-900 border border-slate-100 dar

34k:border-slate-800 shadow-sm overflow-hidden"><div class="flex items-center gap-3 px-3.5 pt-3 pb-2.5"><div class="flex-shrink-0 w-9 h-9 rounded-xl bg-indigo-50 dark:bg-indigo-500/10 border border-indigo-100 dark:border-indigo-500/20 flex items-center justify-center"><img src="/drone.gif" class="h-5 w-5 object-contain" alt="Unicorn Icons"/></div><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 mb-0.5"><span class="text-[11px] font-semibold text-slate-800 dark:text-slate-100 leading-none tracking-tight">Unicorn Icons</span><span class="text-[9px] font-bold text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-400/10 border border-amber-200 dark:border-amber-400/25 px-1.5 py-px rounded-full leading-none uppercase tracking-wide">Free</span></div><p class="text-[10px] text-slate-400 dark:text-slate-500 leading-tight truncate">400+ animated icons for your projects</p></div><span class="flex-shrink-0 text-[8px] font-medium uppercase tracking-[0.1em] text-slate-300 dark:text-slate-700 self-start mt-0.5">Ad</span></div><div class="px-3 pb-3"><div class="advert-shine relative w-full flex items-center justify-center gap-1.5 bg-indigo-600 dark:bg-indigo-600 text-white text-[11px] font-semibold rounded-xl py-2 overflow-hidden cursor-pointer"><span class="relative z-10">Get Free Icons</span><span class="relative z-10 text-indigo-200">→</span></div></div></div></a><div class="w-full rounded-2xl bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 shadow-sm overflow-hidden flex flex-col flex-1"><div class="overflow-y-auto w-full flex-1 px-3 pt-1 pb-3" style="scrollbar-width:thin;scrollbar-color:rgb(226 232 240) transparent"><div style="opacity:0;transform:translateY(5px)"><div class="py-1.5 w-full"><label class="w-full pl-0.5 text-xs text-gray-500 pb-1 dark:text-gray-400">Background</label><div class="flex flex-row flex-wrap gap-1.5 pt-0.5"><div class="rounded-lg border cursor-pointer transition-all relative flex flex-col items-center group p-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700/40"><span class="text-xs font-medium leading-none text-slate-600 dark:text-slate-400">None</span></div><div class="rounded-lg border cursor-pointer transition-all relative flex flex-col items-center group p-2 border-indigo-500 bg-indigo-50 dark:bg-indigo-900/25 ring-1 ring-indigo-500/30"><span class="text-xs font-medium leading-none text-indigo-600 dark:text-indigo-400">Circle</span></div><div class="rounded-lg border cursor-pointer transition-all relative flex flex-col items-center group p-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700/40"><span class="text-xs font-medium leading-none text-slate-600 dark:text-slate-400">Square</span></div><div class="rounded-lg border cursor-pointer transition-all relative flex flex-col items-center group p-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700/40"><span class="text-xs font-medium leading-none text-slate-600 dark:text-slate-400">Rounded</span></div></div></div></div><div style="opacity:0;transform:translateY(5px)"><div><div class="py-0.5"><div class="text-gray-500 dark:text-gray-400 text-xs pb-0.5">Background Color</div><div class="flex flex-row flex-wrap relative"><div class="relative mr-1 mt-1 z-10"><div class="cursor-pointer shadow-md hover:shadow-lg w-6 h-6 rounded-full border border-slate-100 dark:border-0" style="background-color:#6366f1"></div></div></div></div></div></div><div style="opacity:0;transform:translateY(5px)">

34<div class="flex w-full flex-col text-neutral-600 dark:text-slate-400 pt-0.5 pb-1"><label for="Padding_id" class="w-full pl-0.5 text-xs text-gray-500 pb-1 dark:text-gray-400">Padding<span class="float-right">60</span></label><input id="Padding_id" type="range" class="z-10 mb-0.5 mt-1.5 h-1.5 w-full appearance-none bg-slate-200 dark:bg-slate-700 rounded-full focus:outline-none [&amp;::-moz-range-thumb]:size-3.5 [&amp;::-moz-range-thumb]:appearance-none [&amp;::-moz-range-thumb]:border-none [&amp;::-moz-range-thumb]:bg-indigo-500 [&amp;::-moz-range-thumb]:rounded-full active:[&amp;::-moz-range-thumb]:scale-110 [&amp;::-webkit-slider-thumb]:size-3.5 [&amp;::-webkit-slider-thumb]:appearance-none [&amp;::-webkit-slider-thumb]:border-none [&amp;::-webkit-slider-thumb]:bg-indigo-500 [&amp;::-webkit-slider-thumb]:rounded-full [&amp;::-webkit-slider-thumb]:active:scale-110" min="0" max="180" step="5" value="60"/><div class="flex items-center justify-between text-xs text-slate-300 dark:text-neutral-300 mt-0.5"><span aria-hidden="true">0</span><span aria-hidden="true">180</span></div></div></div></div></div></div></div></div></div></div></div></div>

34<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/tools/logo-generator","query":{},"buildId":"HZM18sQ9j-ViJyJqVP_qT","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

34</body></html>