Hi everyone! As usual, I’d like to share some SVG code I generated with Gemini AI. Inspired by ICON COMPOSER , I’ve created an Icon Editor app for AppSheet.
Here is how it works:
-
Paste the Icon code you want to edit (note: use single double quotes ", not double double quotes “”). Example <path d="M23.55 15.25c0.84,-2.14 2.99,-5.36 4.2,-7.49 1.37,-2.41 3.01,-5.5 4.47,-7.76l-28.95……/>
-
Adjust the position and size as needed.
-
Add text if desired; otherwise, leave the field blank.
-
Customize the colors to your preference.
-
Choose designs: Select “Flat Design” for a clean look, or “Non-Flat Design” for gradients, shadows, and glow effects.
-
Premium Templates: There are 15 high-quality animation templates available.
-
Icon Animations: You can select specific entrance animations for the icon, such as “from bottom,” “from top,” and more.
-
Don’t forget to copy the SVG code after you design it, select the Code for Appsheet….(blue action) to your virtual colum ( as image) icon.
Link mobile app : Icon editor for Appsheet
You can choose a flat design or a non-flat design.
Set the position ( “"x” and “y” axis) and size (scale) of your icon according to your wishes
15 premium animated templates available for your icon
Select the animation template you want
You can choose the type of icon animation you want.
If you want the frame to be a circle, set the size RX = 300
Once you’ve finished designing and chosen a suitable template, don’t forget to copy the SVG Code for appsheet….”
Hopefully this application is useful for you.
"I would love to hear your feedback, suggestions, or critiques. Should I keep posting these, or is it time to stop? I ask only because I’m afraid you’ll fall more in love with AppSheet & Gemini AI."
Thank you!