Simple Logo Generator

Logo Preview

\n \n

Customize Logo

\n \n

\n \n Project Name\n \n setProjectName(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm\"\n />\n

\n \n

\n \n Emoji\n \n setEmoji(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm\"\n maxLength={2}\n />\n

Type or paste any emoji (e.g., 🚀, 💡, 🌟)

\n \n

\n \n Color Theme\n \n

\n {colorThemes.map((theme, index) => (\n applyTheme(index)}\n className={`p-2 rounded border hover:bg-gray-50 ${\n selectedTheme === index ? 'border-blue-500 bg-blue-50' : 'border-gray-300'\n }`}\n style={{ height: '40px' }}\n >\n

\n \n ))}\n

\n \n

\n \n Primary Color\n \n

\n setPrimaryColor(e.target.value)}\n className=\"h-10 w-10 mr-2\"\n />\n setPrimaryColor(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm\"\n />\n

\n \n

\n \n Background Color\n \n

\n setBgColor(e.target.value)}\n className=\"h-10 w-10 mr-2\"\n />\n setBgColor(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm\"\n />\n

\n\n

Get SVG Code

\n \n Generate SVG\n \n {svgString && (\n

\n \n \n Copy to Clipboard\n \n

\n )}\n

\n );\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n Simple Logo Generator\n \n \n \n \n

\n \n \n

\n View source\n

\n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.5;\n padding: 20px;\n }\n`;","deleted","label","children",[],[96],"files",[151],"counts",{"_172":32,"_173":138,"_174":32,"_175":32},"pulls","branches","forks","envVars","contents",[],"file",{"_102":152,"_155":139,"_153":115,"_95":96,"_161":162,"_159":160,"_99":32,"_154":-5,"_104":180,"_156":138,"_164":-5,"_98":181},["D",1743450323248],[96],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_99":-7,"_98":96,"_100":190,"_149":195,"_168":199,"_178":200,"_176":203,"_204":-5,"_205":22,"_206":-5,"_207":-5,"_208":-5,"_209":210},{"_102":103,"_95":96,"_104":191,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":192,"_133":193,"_136":194,"_148":22},["D",1743450323143],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[196],{"_102":152,"_95":96,"_153":115,"_154":-5,"_155":139,"_156":138,"_157":117,"_104":158,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_165":197,"_98":198},[],[96],[196],{"_102":152,"_155":139,"_153":115,"_95":96,"_161":162,"_159":160,"_99":32,"_154":-5,"_104":201,"_156":138,"_164":-5,"_98":202},["D",1743450323248],[96],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[211,228],{"_102":212,"_95":213,"_104":214,"_106":-5,"_107":22,"_108":109,"_110":215,"_112":216,"_14":217,"_114":218,"_116":117,"_118":219,"_119":220,"_16":221,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":222,"_133":225,"_136":226,"_148":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":223,"_131":224},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":223,"_135":224},{"_102":227,"_95":43,"_99":219,"_140":212,"_141":-5,"_142":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_102":229,"_95":230,"_104":231,"_106":-5,"_107":22,"_108":109,"_110":232,"_112":-5,"_14":233,"_114":234,"_116":117,"_118":235,"_119":236,"_16":237,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":238,"_133":241,"_136":242,"_148":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":239,"_131":240},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":239,"_135":240},{"_102":243,"_95":43,"_99":244,"_140":229,"_141":-5,"_142":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

dcm31

logoWorkshop