quikoraicons
VS Code Codicons · Vector SVG · Free icon editor
Actual source vector preview · 300 × 300 coordinate units

Thumbsup icon

Thumbsup from VS Code Codicons: 300 × 300 source units, credited to Microsoft. Preview the actual SVG below and compare related artwork before exporting.

CollectionVS Code Codicons
ArtworkVector
Original size300 × 300
LicenseCC BY 4.0

Source artwork and implementation

The codicon:thumbsup source has 1 SVG path element and a 300 × 300 coordinate system. Its source does not declare a stroke attribute in the drawing markup; do not assume adding a stroke will preserve its appearance. The preview preserves the source proportions.

Embed the original SVG as an image

This example reserves a 24-pixel box. It uses an empty alternative because visible text must convey the meaning alongside a decorative icon. For an informative standalone image, replace the empty alternative with a useful description.

<img src="/icon-file.php?prefix=codicon&name=thumbsup" width="24" height="24" alt="">

An SVG loaded through an image element does not inherit the surrounding page’s CSS color. To recolor it, export a customized version or use a reviewed inline SVG. Compare inline SVG and image coloring.

Check before shipping

  • Preview Thumbsup at the actual display size, especially if your output differs from its 300 × 300 source grid.
  • Give interactive controls an action label rather than relying on the file name.
  • Retain the CC BY 4.0 license notices required by the original source terms.

Try our visual implementation examples for buttons, sizing and selected states.

Explore the whole collection

Browse individual icon pages, or search all 101,702 library entries inside the editor.

Browse VS Code Codicons →Search editor ↗