Copy Font awesome Icons as HTML, React, Vue, SVG, Base64 or Unicode code snippet. Save icon as png, svg or react component. Crete new icons from image.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copy Font awesome Icons as HTML, React, Vue, SVG, Base64, Unicode code snippet etc...
Save icon as png, svg or react component. Crete new icons from image.
Features
Enjoy with 5k Font Awesome free icons.
Copy Font awesome Icons as name, class, Html, React, Tsx, Jsx, Vue, SVG, Base64 and Unicode text.
Save icon as .png, .svg, .jsx or .tsx
Converts any .png or .jpg image to a svg and base64 format.
Save favorite icons.
Add our own custom icons
by adding custom icons folder paths in font-awesome.settings.customIconsFolderPaths vscode settings that contains the .jpeg, .png or .svg icons.
by adding custom icons archive paths in font-awesome.settings.customIconsArchivePaths vscode settings that contains the archive.json.
by giving custom icons object path in font-awesome.settings.customIcons vscode settings.
Type fa: and press Ctrl+Space to show list of font awesome icon code snippets.
We can disable the snippet by setting font-awesome.settings.showSnippetSuggestion: false
Preview
Copy Snippet
Save Icon
Filter Icons
Toggle Icons View
Snippet Suggestions
Type fa: and press Ctrl+Space to show list of font awesome icon code snippets.
fa:<icon-name>:<icon-style>:<snippet-type> - Format of the snippet suggestion.
We can disable the snippet by setting font-awesome.settings.showSnippetSuggestion: false
