OpenSVG.dev - Free, Open-Source SVG & Vector Icons

OpenSVG.dev is a free, open-source, and customizable vector icon library with advanced design tools. Access over 3,21000+ open-source vector icons from popular libraries (like Lucide, Tabler, FontAwesome, Material Icons, and more) without ever leaving your canvas. Organize collections, customize stroke and fill styles, and integrate seamlessly using our extensions for Figma, VS Code, Chrome, and Web. Whether you are designing mockups or hands-on, handoff-ready code, OpenSVG.dev bridges the gap between design and development by generating clean, optimized code assets in real time. ➤ Sync Across All Platforms (Web, Figma, Chrome & VS Code): - Keep your icon workflow unified wherever you design or code. Sign in to your OpenSVG.dev account inside the extension to access cloud synchronization: - Manage Collections: Create, update, and delete custom icon collections directly from the plugin sidebar. - Collect Custom Assets: Create your own custom collections and sync icons - Customize: Change any icon styles (size, color, rotation, stroke, fill, etc) and save the base icon directly to your custom collections. - Bookmark Public Libraries: Instantly save public collections to your account for quick access later. - Unified Workspace: Access your saved collections instantly across the Figma Plugin, Chrome Extension, VS Code Extension, and the OpenSVG Web App. ➤ Features - 🔍 Unified Ultra-Fast Search: Access all major open-source icon sets in one unified interface, powered by lightning-fast instant search. - 🎨 Live Customizer Panel: Adjust sizes, select preset or hex colors, apply rotation values, scale parameters, change fill-stroke, and perform horizontal/vertical flips with an interactive live preview. - 🎯Save Icon in collection: Bookmark the base icon to the custom collection and use across multiple platforms (figma, chrome, vs-code and web) - 💻 Robust Developer Exporters: Collapsible exporter cards let you copy code or download files instantly for: SVG, HTML, React JSX & TSX, Vue & Svelte, CSS Background rules, Data URIs, and raw Base64 strings, Multi-scale PNG & WEBP images (1x, 2x, 3x options) ➤ Why It Is The Best - 100% Free & Open-Source: No paywalls, no limits, no subscription fees. Just high-quality vector assets. - Code-Ready Output: Unlike default SVG exports, the React/JSX exporter automatically formats names correctly and spreads {...props} into the root SVG tag, making it immediately ready to import into your React/Next.js/Vite project. - Clean Code Sanitization: Automatically strips redundant annotations, comments, class attributes, and non-standard properties, leaving only pure, lightweight code. 🔗 Useful Links - Main Website: https://opensvg.dev - Pro: https://opensvg.dev/pricing - Privacy Policy: https://opensvg.dev/privacy-policy - Terms of Service: https://opensvg.dev/terms-of-service