https://github.com/yelodevs/svg-icon-extension
The SVG Icon Extension for VS Code is designed to streamline the process of adding SVG icons to your projects. It provides an easy-to-use interface for browsing, selecting, and inserting SVG icons directly into your code.
https://github.com/yelodevs/svg-icon-extension
flutter html javascript mobile production svg svg-icons
Last synced: 5 months ago
JSON representation
The SVG Icon Extension for VS Code is designed to streamline the process of adding SVG icons to your projects. It provides an easy-to-use interface for browsing, selecting, and inserting SVG icons directly into your code.
- Host: GitHub
- URL: https://github.com/yelodevs/svg-icon-extension
- Owner: Yelodevs
- License: mit
- Created: 2024-09-25T07:05:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-27T12:25:06.000Z (over 1 year ago)
- Last Synced: 2025-02-24T03:11:20.455Z (over 1 year ago)
- Topics: flutter, html, javascript, mobile, production, svg, svg-icons
- Language: TypeScript
- Homepage: https://yelodev.gitbook.io/svg-extension
- Size: 3.23 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# SVG Icon Extension for VS Code
[](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)
[](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)
[](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)
[](https://open-vsx.org/extension/Linxford/svg-icon-extension)
## Overview
The SVG Icon Extension for VS Code is designed to streamline the process of adding SVG icons to your projects. It provides an easy-to-use interface for browsing, selecting, and inserting SVG icons directly into your code.
# Support
**SVG ICON EXTENSION** is an extension created for **Visual Studio Code**. If you find it useful, please consider supporting it.
## Features
- Browse and search SVG icons by type (outline, duotone, colored, solid)
- Preview icons before insertion
- Automatically insert selected icons into your code
- Manage icon assets in your Flutter project
- Automatically update pubspec.yaml with new icon directories
-Autocompletion and preview for icons.
## Installation and Configuration
You should follow the official documentation to:
- [Install the extension](https://code.visualstudio.com/docs/editor/extension-gallery)
- [Modify its settings](https://code.visualstudio.com/docs/getstarted/settings)
## Usage
1. **Search for Icons**:
- Use the command palette (`Ctrl+Shift+P`) and type **Search SVG Icons**.
- Enter the icon name you wish to find (e.g., `home`, `user`) and choose the desired category.
2. **Follow this**:
- Open a project in VS Code
- Place your cursor where you want to insert an icon
- Open the Command Palette (Ctrl+Shift+P)
- Type "Search SVG Icons" and select the command
- Choose the icon type (outline, duotone, colored, solid)
- Search and select your desired icon
- The icon path will be inserted at your cursor position
3. **Use Keyboard shortcut**
- ctrl+shift+i
## Extension Settings
This extension doesn't add any VS Code settings.
## Known Issues
Please report any issues on the [GitHub repository](https://github.com/Yelodevs/svg-icon-extension/issues).
## Further Updates
Future updates will include:
- Adding more icon categories and a broader range of icons.
- Enhancements to the search functionality, making it more intuitive.
- Integration of user-requested features based on feedback.
- Support for other IDE's
## Contributing
If you have suggestions or find issues with the extension, feel free to open an issue or a pull request on the [GitHub repository](https://github.com/Yelodevs/svg-icon-extension).
## Credits
- Kudos to all contributors that made this extension what it is.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
- Branded icons are licensed under their copyright license.