R35007 / font-awesome-vscode-extension

Copy Font awesome Icons as HTML, React, Vue, SVG, Base64, Unicode code snippet. Save icon as png or svg.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Font Awesome

  • Copy Font awesome Icons as Icon Name, Icon class name, HTML, React, Vue, SVG, Base64 and Unicode text.
  • Save icon as .png, .svg, .jsx or .tsx
  • Add our own custom icons in the Font Awesome.
    • by adding custom icons folder path in font-awesome.settings.customIconsFolderPath vscode settings.
    • by giving custom icons object path in font-awesome.settings.customIcons vscode settings.
  • Converts any .png or .jpg image to a svg and base64 formate.
  • 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

FontAwesome-copy-snippet

Save Icon

FontAwesome-save-icon

Filter Icons

FontAwesome-filter-icons

Toggle Icons View

FontAwesome-toggle-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
FontAwesome-icon-snippet-suggestion

Author

Sivaraman - sendmsg2siva.siva@gmail.com

License

MIT

Enjoy !

About

Copy Font awesome Icons as HTML, React, Vue, SVG, Base64, Unicode code snippet. Save icon as png or svg.

License:MIT License


Languages

Language:TypeScript 53.3%Language:JavaScript 31.5%Language:CSS 7.7%Language:SCSS 7.4%