Color

Advanced editing in SVG Editor

VS Code Codicons

Watch Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Download SVG

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: watch clock time wearable device

The Watch icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/307507.svg" alt="Watch icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/307507.svg" alt="Watch icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/307507.svg"
  alt="Watch icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-watch {
  background-image: url('https://proicons.com/icon/307507.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M12.5 6H12C12 5.282 11.61 4.627 11 4.275V2.5C11 1.673 10.327 1 9.5 1H6.5C5.673 1 5 1.673 5 2.5V4.275C4.39 4.628 4 5.283 4 6V10C4 10.718 4.39 11.373 5 11.725V13.5C5 14.327 5.673 15 6.5 15H9.5C10.327 15 11 14.327 11 13.5V11.725C11.61 11.372 12 10.717 12 10V9H12.5C12.776 9 13 8.776 13 8.5V6.5C13 6.224 12.776 6 12.5 6ZM6 2.5C6 2.224 6.225 2 6.5 2H9.5C9.775 2 10 2.224 10 2.5V4H6V2.5ZM10 13.5C10 13.776 9.775 14 9.5 14H6.5C6.225 14 6 13.776 6 13.5V12H10V13.5ZM11 10C11 10.418 10.731 10.795 10.333 10.937C10.213 10.979 10.104 11 10 11H6C5.896 11 5.787 10.979 5.667 10.937C5.269 10.795 5 10.418 5 10V6C5 5.582 5.269 5.205 5.667 5.063C5.787 5.021 5.896 5 6 5H10C10.104 5 10.213 5.021 10.333 5.063C10.731 5.205 11 5.582 11 6V10Z"/></svg>

Watch in other icon packs

Feather Icons

Bootstrap Icons

Phosphor Icons

Carbon Icons

Ionicons

MynaUI Icons Filled

Copied!

Watch Icon

More from VS Code Codicons

Watch in other icon packs