Either start with Material Symbols for Streamlit
Material Symbols is a free, open-source icon set by Google. It includes 19,000+ icons in outlined, rounded, and sharp variants, each available in line and fill styles on a 24px grid.
Or, graduate to Material Pro for Streamlit
It's like Material Icons, but better. This set follows Google’s design system and adds thousands of new icons missing from the original. Google’s icons often lacked consistency and legibility, so the team at Streamline redrew every one from scratch. Read about our the design process.
Plug them into your existing designs or start new projects with our set that’s already more consistent.
This is a premium set that we're continuously expanding. You'll have free SVG samplers for each style.
Material Icons in Streamlit
Streamline offers the simplest and most complete way to use Material Icons in Streamlit. Instead of relying on npm packages that add complexity, dependencies, and unnecessary bloat, you can directly copy and paste SVG code from Streamline into your Streamlit components. It works instantly, without setup. You can recolor icons using CSS currentColor, resize them responsively, and adjust line or fill styles to match your design system.
The Build
Streamline’s Material Icons include Google’s free Material Symbols along with the refined Material Pro set, giving you access to more than 50,000 icons built on a consistent 24px grid. You can search, preview, and drag icons straight into VS Code using the plugin or Mac app. Every icon is fully customizable, designed for speed, and ready for production. If you want flexibility without extra dependencies, Streamline gives Streamlit developers a faster, lighter, and more efficient way to work with Material Icons.
