Icon Transition Generator

What it does

Create a snappy transition between two icons and download the SVG code. Upload the generated code to Nucleo or import it into your web project.

Create a snappy transition between two icons and download the SVG code. Upload the generated code to Nucleo or import it into your web project. The downloaded SVG icon contains the two icons ( <g> elements), a <style> tag and a <script> tag with the code for the animation. Each animation effect (e.g., rotate) use the same <style> . If you plan on including multiple two-state icons with the same effect (e.g., two animated icons with rotate effect), remove the <style> tag from the SVG and include its content in your CSS file so that you don't duplicate code. The same applies to the <script> tag Important: the animation won't work in UI tools…from nucleoapp.com

• 
  ICONSVG2019 · iconsvg.xyz · ▲219

  Customize & generate common SVG icons

• 
  ICONSVG – Customize and Generate Common SVG Icons2019 · iconsvg.xyz · ▲227

  Simple tool to find, customize and generate common SVG icons for your project

• 
  Iconce2024 · like.do · ▲19

  Generate SVG icons in seconds

• 
  SVG Assets for Mac2019 · apps.apple.com · ▲92

  No more manual icon resizing

• 
  Forge Icons2020 · icons.theforgesmith.com · ▲100

  300+ right mix of SVG icons for your project.

• 
  Iconimations2021 · adrianinmotion.gumroad.com · ▲89

  Svg animated icons pack, ready to be integrated to your site

• 
  Run full iOS 16.5 firmware on Android Devices▲515

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• IM
  I'm 12, learning JS, and wrote Wolfram's cellular automaton in Node▲1,072

  Life & fun · 2018 · bitbucket.org

• 
  Loom for Desktop▲671

  Powerful video recorder. Now on Desktop.

  Dev tools · 2018 · loom.com

• 
  Handsome Illustrations▲644

  Create unique illustrations for websites & applications.

  Dev tools · 2018 · craftwork.design

• 
  Retool▲640

  Hi all, founder @ Retool here. We initially launched Retool on HN five years ago: https://news.ycombinator.com/item?id=14515494. The feedback was extraordinarily helpful then (e.g. we launched source control, on-prem, etc. based on HN comments), and we’re grateful for all of it. Today, we’re excited to get HN’s thoughts on one of our new products: Retool Mobile. It lets you build and deploy mobile apps in minutes, not days. The idea is there is a large class of line-of-business mobile apps, and the process of getting a simple form + button on a mobile device, in a native app,…

  Dev tools · 2018 · retool.com

• 
  Pts.js – A library for visualization and creative coding▲611

  Pts is a javascript library for visualization and creative-coding.

  Dev tools · 2018 · ptsjs.org

• 
  Retool – build internal tools faster▲592

  Build, deploy, and manage internal tools with Retool's unified engine. Connect to any database, API, or LLM. Leverage AI throughout your business.

  AI · 2018 · tryretool.com