Color

Advanced editing in SVG Editor

Arcticons

Slide Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: slide

The Slide 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/332894.svg" alt="Slide icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="M8,8c-2.2091,0-4,1.7909-4,4v24c0,2.2091,1.7909,4,4,4h32c2.2091,0,4-1.7909,4-4V12c0-2.2091-1.7909-4-4-4H8Z"/><circle class="b" cx="17.8862" cy="23.8848" r="3.133"/><circle class="b" cx="9.793" cy="30.0686" r="2.293"/><circle class="b" cx="30.0258" cy="29.2286" r="3.133"/><circle class="b" cx="36.8674" cy="19.271" r="3.6326"/><line class="b" x1="11.6127" y1="28.6786" x2="15.446" y2="25.8448"/><line class="b" x1="20.7483" y1="25.1571" x2="27.1797" y2="27.9229"/><line class="b" x1="31.8113" y1="26.6575" x2="34.8714" y2="22.3057"/></svg>

Slide in other icon packs

Hugeicons

IconPark

Material Design Icons

Temaki Icons

Copied!

Slide Icon

More from Arcticons

Slide in other icon packs