Either start with Material Symbols for React Native
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 React Native
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 React Native
Streamline offers the simplest and most complete way to use Material Icons in React Native. Instead of relying on npm packages that add complexity, dependencies, and unnecessary bloat, you can directly copy and paste JSX or SVG code from Streamline into your React Native 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 React developers a faster, lighter, and more efficient way to work with Material Icons.
