Preview Icon

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

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: preview

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5837 21.25H9.33374C7.74244 21.25 6.21632 20.6179 5.0911 19.4926C3.96588 18.3674 3.33374 16.8413 3.33374 15.25V8.75C3.33374 7.1587 3.96588 5.63258 5.0911 4.50736C6.21632 3.38214 7.74244 2.75 9.33374 2.75H15.8337C17.425 2.75 18.9512 3.38214 20.0764 4.50736C21.2016 5.63258 21.8337 7.1587 21.8337 8.75V10" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
<path d="M16.5501 16.8641L16.0396 19.8225C15.9734 20.0591 15.834 20.2687 15.6414 20.4212C15.4489 20.5738 15.213 20.6615 14.9675 20.6719C14.722 20.6822 14.4796 20.6147 14.2749 20.4789C14.0701 20.3431 13.9136 20.146 13.8276 19.9159L11.0393 12.0339C10.9633 11.8255 10.9483 11.5997 10.9963 11.3832C11.0441 11.1666 11.1529 10.9682 11.3098 10.8114C11.4666 10.6546 11.665 10.5457 11.8816 10.4979C12.0982 10.4499 12.3239 10.4648 12.5323 10.5409L20.568 13.3293C20.8064 13.4118 21.0116 13.5696 21.1526 13.7789C21.2937 13.9881 21.3629 14.2375 21.3499 14.4895C21.3369 14.7416 21.2424 14.9825 21.0805 15.1762C20.9187 15.3698 20.6984 15.5056 20.4527 15.5632L17.3405 16.0736C17.1531 16.1285 16.9824 16.2297 16.8442 16.3678C16.7061 16.5059 16.605 16.6766 16.5501 16.8641Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>