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",[178],{"_102":152,"_95":96,"_153":115,"_154":-5,"_155":139,"_156":138,"_157":117,"_104":179,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_98":180},["D",1743450323248],[96],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":190,"_176":195,"_198":-7,"_199":-5,"_200":-5,"_168":201,"_205":206},{"_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":179,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_98":197},[96],"readme","upstream","pull",[202],{"_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":203,"_98":204},[],[96],"previews",[202],"actionData","errors"]

dcm31

logoWorkshop