John KuehJohn Kueh

visual studio code icon

HugeIcons · VisualStudioCodeIcon · MIT

Download SVG

The HugeIcons visual studio code icon depicts the logo for Visual Studio Code, commonly used to represent the IDE or related development tools in user interfaces.

Common uses

  • Link to VS Code download page
  • Indicate a project built with VS Code
  • Settings for VS Code integration

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { VisualStudioCodeIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={VisualStudioCodeIcon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
vs codevisual studio code logocode editor iconide icon

FAQ

What is this icon for?
This icon represents Visual Studio Code, a popular source-code editor. It's used in UIs to signify the IDE or related development functionalities.
How do I use this icon in React?
Import the icon component and use it within the HugeiconsIcon wrapper like this: import { HugeiconsIcon } from '@hugeicons/react'; import { VisualStudioCodeIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={VisualStudioCodeIcon} />.
What is the license for this icon?
This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

Looking for something else? Search HugeIcons and 4 more libraries by description →