EOS Icons VSCode Extension

This extension allows the users to install, import, browse, copy, bookmark EOS icons from a well designed set of 1000+ options available.

Features

• Install EOS Icons: Install the library using NPM, Rails gem etc. along with options to import them or add them through CDN
• Bookmark Icons: Bookmark icons for easier acess
• Browse icons: Use the seearch bar to get icons by the name or tag
• Copy SVG: Copy the icon SVG in a single click for use in any code with options to configure size, color etc.
• Copy HTML: Copy the icons in the form of <i> or <img> tags as required with options to configure size, color etc.
• Edit icons: Edit icon SVGs in the editor itself to suit your needs
• Last Viewed: Get the last viewed icons on top according to your browsing history

These are just the features planned till now. Feel free to add more with discussion on EOS Slack

Set up the repo

• Create the fork
• Clone the forked repo

git clone git@github.com:<your username>/eos-icons-vscode-extension

• Navigate to the repo

cd eos-icons-vscode-extension

• Open the repo in VSCode

code .

• Install the extension dependencies

npm install

• Run the extension by hitting F5 or clicking the Run Extension button at the bottom of your screen

For the first setup, you might have to execute npm run watch while running the extension

Other guidelines

• Please check CONTRIBUTING.md before making any contributions and ensure that you follow the coding conventions specified

• Follow the Extension Guidelines by VSCode for a consistent code

Happy Coding!

Learn more about the EOS UX/UI Solutions

• EOS Icons

• EOS User Story

• Follow us on Twitter

• Join us on Slack