Science icons for websites and apps (SVG, free)
10 of our own science icons, with practical notes on where each one fits.
Every design in this roundup was drawn in our own studio and cleaned by hand, so the paths are tidy and the shapes stay crisp at any size. developer angle: inline SVG, currentColor, accessibility, sizes.
Our rule for icons like these: pick one style and stick to it across a project, keep optical sizes consistent, and let colour do the talking only where it means something.
The icons
Science Erlenmeyer Flask
Science Erlenmeyer Flask works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: science, erlenmeyer flask, laboratory, chemistry.
Download free →
Rocket Launch Project
Rocket Launch Project works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: rocket launch, rocket, spaceship, spacecraft.
Download free →
Microscope Curved Arm Science
Microscope Curved Arm Science works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: microscope, laboratory, science, research.
Download free →
DNA
DNA works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: dna, genetics, biology, science.
Download free →
Science Lab Flasks
Science Lab Flasks works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: science, laboratory, chemistry, erlenmeyer flask.
Download free →
Physics Newton
Physics Newton works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: physics, newton's cradle, momentum, pendulum.
Download free →
Microscope Circle Badge Science
Microscope Circle Badge Science works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: microscope, laboratory, science, research.
Download free →
Magnet User Three Avatars
Magnet User Three Avatars works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: magnet user, customer attraction, lead generation, user acquisition.
Download free →
Science
Science works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: science, laboratory, research, experiment.
Download free →
Genome Editing DNA Scissors
Genome Editing DNA Scissors works well wherever you need a clear science cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: genome editing, gene editing, crispr, dna scissors.
Download free →Quick tips
- Use one visual style per project — mixing outline and filled sets breaks rhythm.
- Export SVG for screens and PNG at 2x for anything raster.
- Pair every icon with a label the first time it appears.
- Keep at least 10% padding inside each icon's box so a set lines up on a grid.
- Test on a dark background early; some shapes vanish.
Browse the full library at infyicon.com.
FAQ
What formats do I get?
SVG for scalable use plus PNG in several sizes. SVG can be recoloured in any editor or with CSS.
Can I use these commercially?
Yes. Infyicon icons are free with a credit link; Infyvector files include a commercial licence with the purchase.
Do the styles match across designs?
Yes — the whole library follows the same grid and stroke rules, so sets mix cleanly.
Pick one idea from this list and try it in your next design this week.