{"id":15442286,"url":"https://github.com/yelodevs/svg-icon-extension","last_synced_at":"2026-01-07T08:06:14.375Z","repository":{"id":257804130,"uuid":"862774365","full_name":"Yelodevs/svg-icon-extension","owner":"Yelodevs","description":"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.","archived":false,"fork":false,"pushed_at":"2024-09-27T12:25:06.000Z","size":3387,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T03:11:20.455Z","etag":null,"topics":["flutter","html","javascript","mobile","production","svg","svg-icons"],"latest_commit_sha":null,"homepage":"https://yelodev.gitbook.io/svg-extension","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Yelodevs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-25T07:05:13.000Z","updated_at":"2025-02-03T13:10:32.000Z","dependencies_parsed_at":"2024-09-28T22:46:20.878Z","dependency_job_id":null,"html_url":"https://github.com/Yelodevs/svg-icon-extension","commit_stats":null,"previous_names":["yelodevs/svg-icon-extension"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yelodevs%2Fsvg-icon-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yelodevs%2Fsvg-icon-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yelodevs%2Fsvg-icon-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yelodevs%2Fsvg-icon-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yelodevs","download_url":"https://codeload.github.com/Yelodevs/svg-icon-extension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241587784,"owners_count":19986628,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","html","javascript","mobile","production","svg","svg-icons"],"created_at":"2024-10-01T19:26:12.783Z","updated_at":"2026-01-07T08:06:14.353Z","avatar_url":"https://github.com/Yelodevs.png","language":"TypeScript","funding_links":["https://github.com/sponsors/linxford"],"categories":[],"sub_categories":[],"readme":"# SVG Icon Extension for VS Code\n\n[![Version](https://img.shields.io/visual-studio-marketplace/v/Linxford.svg-icon-extension)](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)\n[![Installs](https://img.shields.io/visual-studio-marketplace/i/Linxford.svg-icon-extension)](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)\n[![Rating](https://img.shields.io/visual-studio-marketplace/r/Linxford.svg-icon-extension)](https://marketplace.visualstudio.com/items?itemName=Linxford.svg-icon-extension)\n[![OpenVSX Downloads](https://shields.io/open-vsx/dt/Linxford/svg-icon-extension?label=OpenVSX%20Downloads)](https://open-vsx.org/extension/Linxford/svg-icon-extension)\n\n## Overview\n\nThe 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.\n\n# Support\n\n**SVG ICON EXTENSION** is an extension created for **Visual Studio Code**. If you find it useful, please consider supporting it.\n\n\u003ctable align=\"center\" width=\"60%\" border=\"0\"\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ca title=\"GitHub Sponsors\" href=\"https://github.com/sponsors/linxford\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/alefragnani/oss-resources/master/images/button-become-a-sponsor-rounded-small.png\"/\u003e\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Features\n- Browse and search SVG icons by type (outline, duotone, colored, solid)\n- Preview icons before insertion\n- Automatically insert selected icons into your code\n- Manage icon assets in your Flutter project\n- Automatically update pubspec.yaml with new icon directories\n-Autocompletion and preview for icons.\n\n## Installation and Configuration\nYou should follow the official documentation to:\n\n- [Install the extension](https://code.visualstudio.com/docs/editor/extension-gallery)\n- [Modify its settings](https://code.visualstudio.com/docs/getstarted/settings)\n\n## Usage\n1. **Search for Icons**:\n   - Use the command palette (`Ctrl+Shift+P`) and type **Search SVG Icons**.\n   - Enter the icon name you wish to find (e.g., `home`, `user`) and choose the desired category.\n\n2. **Follow this**:\n- Open a project in VS Code\n- Place your cursor where you want to insert an icon\n- Open the Command Palette (Ctrl+Shift+P)\n- Type \"Search SVG Icons\" and select the command\n- Choose the icon type (outline, duotone, colored, solid)\n- Search and select your desired icon\n- The icon path will be inserted at your cursor position\n\n3. **Use Keyboard shortcut**\n- ctrl+shift+i\n## Extension Settings\nThis extension doesn't add any VS Code settings.\n\n## Known Issues\nPlease report any issues on the [GitHub repository](https://github.com/Yelodevs/svg-icon-extension/issues).\n\n## Further Updates\nFuture updates will include:\n- Adding more icon categories and a broader range of icons.\n- Enhancements to the search functionality, making it more intuitive.\n- Integration of user-requested features based on feedback.\n- Support for other IDE's\n\n## Contributing\nIf 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).\n\n## Credits\n- Kudos to all contributors that made this extension what it is.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n- Branded icons are licensed under their copyright license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyelodevs%2Fsvg-icon-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyelodevs%2Fsvg-icon-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyelodevs%2Fsvg-icon-extension/lists"}