vscode-react-icons related contents

afzalsayed96 / vscode-react-icons

vscode-react-icons, Search and paste icons into you code as SVG or JSX for your web projects

From user afzalsayed96

aguidad / react-native-icons-preview

vscode-react-icons, Introducing a seamless solution to preview your React Native icons directly within the vscode editor.

From user aguidad

justinmahar / vscode-react-icons-snippets

vscode-react-icons, 📝 VS Code snippets for the React-Icons library.

From user justinmahar

pheralb / react-symbols

vscode-react-icons, 🪂 Symbols VSCode Icon Theme by Miguel Solorio, for React.

From user pheralb

Home Page: https://react-symbols.vercel.app

rohjesus / configura-o

vscode-react-icons, { "editor.fontSize": 14, "editor.lineHeight": 24, "editor.fontFamily": "JetBrains Mono", "editor.fontLigatures": true, "explorer.compactFolders": false, "editor.rulers": [80, 120], "editor.formatOnSave": true, "eslint.packageManager": "yarn", "[javascript]": { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascriptreact]": { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescript]": { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescriptreact]": { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.defaultFormatter": "esbenp.prettier-vscode" }, "files.associations": { ".sequelizerc": "javascript", ".stylelintrc": "json", ".prettierrc": "json" }, // left signal on selected line "editor.renderLineHighlight": "gutter", "terminal.integrated.fontSize": 14, "workbench.iconTheme": "material-icon-theme", "workbench.startupEditor": "newUntitledFile", "editor.tabSize": 2, "extensions.ignoreRecommendations": true, "emmet.syntaxProfiles": { "javascript": "jsx" }, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "gitlens.codeLens.recentChange.enabled": false, "gitlens.codeLens.authors.enabled": false, "gitlens.codeLens.enabled": false, "git.enableSmartCommit": true, "editor.parameterHints.enabled": false, "typescript.updateImportsOnFileMove.enabled": "never", "explorer.confirmDragAndDrop": false, "liveshare.featureSet": "insiders", "explorer.confirmDelete": false, "typescript.tsserver.log": "verbose", "javascript.suggest.autoImports": false, "typescript.suggest.autoImports": false, "workbench.activityBar.visible": true, // Sync config "sync.quietSync": false, "sync.autoDownload": true, "sync.gist": "secret", "sync.autoUpload": true, "sync.forceUpload": true, // Sync config "git.autofetch": true, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "git.confirmSync": false, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "liveServer.settings.donotShowInfoMsg": true, "editor.suggestSelection": "first", "editor.minimap.enabled": false, "editor.renderWhitespace": "none", "workbench.editor.untitled.hint": "hidden", "editor.inlineSuggest.enabled": true, "editor.bracketPairColorization.enabled": true, "security.workspace.trust.untrustedFiles": "open", "github.copilot.enable": { "*": true, "yaml": false, "plaintext": true, "markdown": true }, "window.nativeTabs": true, "workbench.colorTheme": "Winter is Coming (Dark Blue)", "html.autoClosingTags": true, "editor.linkedEditing": true, "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "tailwindCSS.includeLanguages": { "typescript": "javascript", // if you are using typescript "typescriptreact": "javascript" // if you are using typescript with react }, "editor.quickSuggestions": { "strings": true // forces VS Code to trigger completions when editing "string" content }, "tailwindCSS.experimental.classRegex": [ "tw`([^`]*)", // tw`...` "tw\\.[^`]+`([^`]*)`", // tw.xxx<xxx>`...` "tw\\(.*?\\).*?`([^`]*)" // tw(Component)<xxx>`...` ], "window.zoomLevel": 3 } Extensions Copy and paste into your integrated terminal to install code --install-extension bradlc.vscode-tailwindcss code --install-extension dbaeumer.vscode-eslint code --install-extension DotJoshJohnson.xml code --install-extension dracula-theme.theme-dracula code --install-extension dsznajder.es7-react-js-snippets code --install-extension eamodio.gitlens code --install-extension esbenp.prettier-vscode code --install-extension GitHub.copilot code --install-extension johnpapa.winteriscoming code --install-extension jpoissonnier.vscode-styled-components code --install-extension ms-python.python code --install-extension ms-vsliveshare.vsliveshare code --install-extension naumovs.color-highlight code --install-extension PKief.material-icon-theme code --install-extension Prisma.prisma code --install-extension ritwickdey.LiveServer code --install-extension rocketseat.rocketseatreactjs code --install-extension rocketseat.rocketseatreactnative code --install-extension rocketseat.theme-omni code --install-extension Shan.code-settings-sync

From user rohjesus

tmickel / react-sick-file-icon

vscode-react-icons, Sick file icons in React, based on file-icons VSCode/Atom extension

From user tmickel

vel02 / vel02

vscode-react-icons, <p align="center"> <img src="https://media.giphy.com/media/MeJgB3yMMwIaHmKD4z/giphy.gif" width="30%"> <br><br> <samp> I'm Ariel Austria :wave: <br><br> I work as a Mobile :iphone: developer! <br><br> I believe in a world where Milkshakes can solve any and all problems :grin: <br><br> P.S. I do know that HTML is not a programming language! :v: </samp> </p> <br> <details> <summary> <b> Things to know about me! </b> <i>(click to expand!)</i> </summary> <br> [](https://github.com/anuraghazra/github-readme-stats) ************* ### Languages and Tools... <p align="center"> <!-- For more icons please follow https://github.com/MikeCodesDotNET/ColoredBadges --> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/frameworks/angular.svg" alt="angular" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/frameworks/react.svg" alt="react" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/languages/js.svg" alt="js" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/languages/java.svg" alt="java" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/services/npm.svg" alt="npm" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/tools/bash.svg" alt="bash" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/tools/visualstudio_code.svg" alt="vscode" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/tools/powershell.svg" alt="powershell" style="vertical-align:top; margin:4px"> <img src="https://github.com/Quadrified/Quadrified/blob/master/assets/svg/dev/misc/mobile.svg" alt="mobile_development" style="vertical-align:top; margin:4px"> ---- </p> ### I'm currently... - Improving my React Native skills. - Learning to develop Mobile-first web-apps. - Learning React with Redux. - Adding databases to my skill set. ---- </details> <p align="center"> <i> Let's connect and chat! :incoming_envelope: </i> </p> <p align="center"> <a href="https://www.linkedin.com/in/quadrified"><img src="https://github.com/Quadrified/Quadrified/blob/master/assets/my_svgs/linkedin.svg" width="30px" alt="LinkedIn"></a> &nbsp; &nbsp; <a href="https://instagram.com/quadrified"><img src="https://github.com/Quadrified/Quadrified/blob/master/assets/my_svgs/instagram.svg" width="30px" alt="Instagram"></a> &nbsp; &nbsp; <a href="https://twitter.com/quadrified"><img src="https://github.com/Quadrified/Quadrified/blob/master/assets/my_svgs/twitter.svg" width="30px" alt="Twitter"> </a> &nbsp; &nbsp; <a href="https://api.whatsapp.com/send?phone=+917330770559"><img src="https://github.com/Quadrified/Quadrified/blob/master/assets/my_svgs/whatsapp.svg" width="30px" alt="Whatsapp"></a> &nbsp; &nbsp; <a href="https://t.me/quadrified"><img src="https://github.com/Quadrified/Quadrified/blob/master/assets/my_svgs/telegram.svg" width="30px" alt="Telegram"></a> &nbsp; &nbsp; </p> <p align="center"> <i> Open to anything under the stars :sparkles: </i> </p> <br> <p align="center"> Made with :blue_heart: &nbsp;using GitHub Markdown &nbsp;:arrow_down: </p>

From user vel02

xz8la8 / react-vscode-icons

vscode-react-icons, 🍰 React VSCode Icons library

From user xz8la8

Home Page: https://react-vscode-icons.now.sh