Morphicons
Turn a hamburger menu into a close icon, or one arrow into another, without a hard cut. Morphicons does the SVG animation.
Resources
Discover useful things. Build your library. Share your finds.
All resources 12
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
Can't Unsee — an eye-training game for interface details
Compare similar interfaces, choose the stronger option, and practice noticing spacing, typography, alignment and icon details.
Logoinspo: logo, symbol and wordmark inspiration
A curated gallery of real and conceptual logos, with style, industry and color filters and links to their creators.
Symbl — test a logo across real-world contexts
Explore logo scaling, blur, contrasting variants and applications across icons, business cards and mockups.
Ultrapilled – Physics-Based Graphics & Animation
A free browser-based design tool that turns text, shapes, icons and images into playful compositions that fall, bounce and stack.
Heroicons — 316 Free SVG Icons by the Makers of Tailwind CSS
A free library of 316 carefully crafted SVG icons for UI, websites and apps, with a Figma file and official React and Vue libraries.
Iconoir — 1,600+ Free Open-Source Icons
A large free SVG icon library built on a 24×24 grid with support for Figma, Framer, React, React Native, Vue, Flutter and CSS.
Smallbits — Free 8×8 Pixel Icons for Figma & UI
A free set of 290+ pixel icons for UI, websites, apps and Figma, designed on a compact 8×8 grid.
Griddy Icons — Free SVG Icons for UI & React
An open-source library of 1,100+ minimalist SVG icons for interfaces, websites, apps and React projects.
SVG Repo
A free, searchable collection of SVG icons, vectors and illustrations with basic browser editing and item-specific licences.
Illustration Kit: free vector illustrations
A library of Yippy, Ven and Halo illustrations for websites, apps and presentations, with editable colours and free SVG and PNG downloads.