New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@vscode/codicons

Package Overview
Dependencies
Maintainers
17
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vscode/codicons - npm Package Compare versions

Comparing version 0.0.25 to 0.0.26

.github/workflows/codeql-analysis.yml

14

package.json
{
"name": "@vscode/codicons",
"version": "0.0.25",
"fontVersion": "1.4",
"version": "0.0.26",
"fontVersion": "1.5",
"description": "The icon font for Visual Studio Code",

@@ -11,7 +11,8 @@ "license": "CC-BY-4.0",

"svgo": "svgo -f ./src/icons/ --config svgo.config.js",
"sprite": "node ./scripts/svg-sprite.js --outDir dist --outFile codicon.svg",
"replace-in-vscode": "cp -R ./dist/codicon.ttf ../vscode/src/vs/base/browser/ui/codicons/codicon/codicon.ttf",
"export-to-csv": "node ./scripts/export-to-csv.js -f ./dist/codicon.ttf > ./dist/codicon.csv",
"fonts": "fantasticon",
"dev": "npm run clean && npm run svgo && npm run fonts && npm run export-to-csv && npm run replace-in-vscode",
"build": "npm run clean && npm run svgo && npm run fonts && npm run export-to-csv",
"dev": "npm run clean && npm run svgo && npm run fonts && npm run export-to-csv && npm run sprite && npm run replace-in-vscode",
"build": "npm run clean && npm run svgo && npm run fonts && npm run export-to-csv && npm run sprite",
"release": "release-it"

@@ -27,8 +28,9 @@ },

"devDependencies": {
"fantasticon": "^1.2.2",
"ansi-regex": ">=5.0.1",
"fantasticon": "^1.2.3",
"opentype.js": "^1.3.3",
"release-it": "14.11.6",
"rimraf": "^3.0.2",
"svg-sprite": "^1.5.2",
"svgo": "2.7.0"
}
}

@@ -6,2 +6,3 @@ # Codicons

[![Build Status](https://github.com/microsoft/vscode-codicons/actions/workflows/build.yml/badge.svg)](https://github.com/microsoft/vscode-codicons/actions/workflows/build.yml)
[![CodeQL Status](https://github.com/microsoft/vscode-codicons/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/microsoft/vscode-codicons/actions/workflows/build.yml)

@@ -57,12 +58,24 @@ ![codicons preview of the icons](https://raw.githubusercontent.com/microsoft/vscode-codicons/main/preview.png)

## Using in VS Code
## Using CSS Classes
If you're building a VS Code extension, see this [webview extension sample](https://github.com/microsoft/vscode-extension-samples/tree/master/webview-codicons-sample) on how to integrate.
When needing to reference an icon in the [Visual Studio Code source code](https://github.com/microsoft/vscode), simply create a dom element/container that contains `codicon` and the [icon name](https://microsoft.github.io/vscode-codicons/dist/codicon.html) like:
When needing to reference an icon in the [Visual Studio Code source code](https://github.com/microsoft/vscode) via CSS classes, simply create a dom element/container that contains `codicon` and the [icon name](https://microsoft.github.io/vscode-codicons/dist/codicon.html) like:
`<div class='codicon codicon-add'></div>`
```html
<div class='codicon codicon-add'></div>
```
It's recommended to use a single dom element for each icon and not to add children elements to it.
## Using SVG Sprites
When needing to use the `codicon.svg` sprite file, you can reference icons using the following method:
```html
<svg>
<use xlink:href="codicon.svg#add" />
</svg>
```
# Contributing

@@ -69,0 +82,0 @@

@@ -474,3 +474,6 @@ {

"bracket-dot": 60389,
"bracket-error": 60390
"bracket-error": 60390,
"lock-small": 60391,
"azure-devops": 60392,
"verified-filled": 60393
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc