Preview Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
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/310287.svg" alt="Preview icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310287.svg" alt="Preview icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310287.svg" alt="Preview icon" :width="24" :height="24" />
CSS background
.icon-preview {
background-image: url('https://proicons.com/icon/310287.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 22H8.75C6.9606 21.9974 5.24525 21.2853 3.97995 20.0201C2.71465 18.7548 2.00265 17.0394 2 15.25V8.75C2.00265 6.9606 2.71465 5.24525 3.97995 3.97995C5.24525 2.71465 6.9606 2.00265 8.75 2H15.25C17.0394 2.00265 18.7548 2.71465 20.0201 3.97995C21.2853 5.24525 21.9974 6.9606 22 8.75V10C22 10.1989 21.921 10.3897 21.7803 10.5303C21.6397 10.671 21.4489 10.75 21.25 10.75C21.0511 10.75 20.8603 10.671 20.7197 10.5303C20.579 10.3897 20.5 10.1989 20.5 10V8.75C20.4974 7.35843 19.9434 6.02461 18.9594 5.04062C17.9754 4.05663 16.6416 3.50264 15.25 3.5H8.75C7.35843 3.50264 6.02458 4.05663 5.04059 5.04062C4.05659 6.02461 3.50264 7.35843 3.5 8.75V15.25C3.50264 16.6416 4.05659 17.9754 5.04059 18.9594C6.02458 19.9434 7.35843 20.4974 8.75 20.5H10C10.1989 20.5 10.3897 20.579 10.5303 20.7197C10.671 20.8603 10.75 21.0511 10.75 21.25C10.75 21.4489 10.671 21.6397 10.5303 21.7803C10.3897 21.921 10.1989 22 10 22Z" fill="black"/> <path d="M21.52 14.53C21.5012 14.9453 21.346 15.3428 21.0785 15.661C20.8109 15.9791 20.4459 16.2002 20.04 16.29L16.88 16.81C16.88 16.81 16.88 16.81 16.79 16.9C16.7509 16.9402 16.7203 16.9878 16.7 17.04L16.2 19.95C16.0975 20.3691 15.8582 20.7421 15.52 21.01C15.2055 21.2588 14.8206 21.4022 14.42 21.42H14.33C13.9418 21.4161 13.5637 21.2959 13.2446 21.0748C12.9255 20.8538 12.68 20.542 12.54 20.18L9.75001 12.28C9.62593 11.9385 9.60235 11.5686 9.68211 11.2141C9.76186 10.8596 9.9416 10.5354 10.2 10.28C10.4552 10.0197 10.7827 9.84201 11.14 9.76998C11.4958 9.68836 11.8678 9.7127 12.21 9.83999L20.21 12.62C20.6019 12.7572 20.939 13.0172 21.1714 13.3613C21.4038 13.7054 21.519 14.1152 21.5 14.53H21.52Z" fill="black"/> </svg>
Preview in other icon packs
Copied!