ccclaymoji
claymorphism-style SVG emoji maker
head shape ↷
eyes β·
left eye β·
right eye β·
mouth β·
Some example emojis created using this tool ↷
π¦ Let me help you make your website or landing page better. I'll review your website for improvement opportunities in terms of layout, design, performance, on-site SEO & marketing message
↓
β¨ Show me how to improve my websiteπ I'm using Fathom Analytics, a simple privacy-focused website analytics service. I've been really happy with it over the years and really glad I made the switch.
β¨ Try it out free for 7 days, plus get an additional $10 credit by using my affiliate link.
π I'll receive a commission if you decide to continue using Fathom, so you'll be helping support fffuel at the same time.
about ccclaymoji
π Claymorphism is a fun new 3D-like design style that can make our designs more fun and playful. Here's a short video that introduces Claymorphism, if the style is new to you.
π ccclaymoji is a simple tool that makes it easy to generate Claymorphic-style emojis and export them as SVG files. Just tweak the different settings until you get an emoji that looks just right for your designs. As you'll see, there are quite a few settings available for the eyes and the mouth, so you can create emoji styles that vary widely.
πͺ If you need a PNG version of the exported SVGs, I recommend using rrrasterize to convert the SVGs to PNGs.
π¨ If you'd like a more detailed color picker to help you select the best colors for your generated emojis, check out this color picker I've created.
π This tool is made possible thanks to SVG.js and Chroma.js, two awesome JavaScript libraries.