Surround With 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: surround with

The Surround With 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/307425.svg" alt="Surround With icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/307425.svg"
  alt="Surround With icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-surround-with {
  background-image: url('https://proicons.com/icon/307425.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 fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.552 9 6 8.552 6 8C6 7.448 5.552 7 5 7C4.448 7 4 7.448 4 8C4 8.552 4.448 9 5 9ZM9 8C9 8.552 8.552 9 8 9C7.448 9 7 8.552 7 8C7 7.448 7.448 7 8 7C8.552 7 9 7.448 9 8ZM11 9C11.552 9 12 8.552 12 8C12 7.448 11.552 7 11 7C10.448 7 10 7.448 10 8C10 8.552 10.448 9 11 9ZM2.5 13H2C1.449 13 1 12.552 1 12V4C1 3.449 1.449 3 2 3H2.5C2.776 3 3 3.224 3 3.5C3 3.776 2.776 4 2.5 4H2V12H2.5C2.776 12 3 12.224 3 12.5C3 12.776 2.776 13 2.5 13ZM14 13H13.5C13.224 13 13 12.776 13 12.5C13 12.224 13.224 12 13.5 12H14V4H13.5C13.224 4 13 3.776 13 3.5C13 3.224 13.224 3 13.5 3H14C14.551 3 15 3.449 15 4V12C15 12.552 14.551 13 14 13Z"/></svg>

Copied!

Surround With Icon

More from VS Code Codicons