Preview Circle 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
Tags: preview circle

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

React JSX

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

Vue template

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

CSS background

.icon-preview-circle {
  background-image: url('https://proicons.com/icon/310286.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="M21.7733 14.7676C21.7443 15.1822 21.5872 15.5774 21.3238 15.8984C21.0656 16.2091 20.7159 16.4298 20.3247 16.5288L17.1675 17.0492L17.0776 17.1392C17.0364 17.1816 17.0056 17.233 16.9877 17.2893L16.4881 20.1913C16.391 20.5965 16.1651 20.959 15.8443 21.2244C15.5235 21.4897 15.1253 21.6434 14.7097 21.6623H14.6198C14.2461 21.6624 13.8808 21.5509 13.5707 21.3421C13.2334 21.1211 12.9746 20.7988 12.8314 20.4214L10.0439 12.5161C9.91993 12.1744 9.89639 11.8043 9.97608 11.4495C10.0558 11.0948 10.2353 10.7704 10.4935 10.5148C10.7469 10.2523 11.0748 10.0741 11.4327 10.0044C11.7882 9.92278 12.1598 9.94713 12.5017 10.0745L20.4945 12.8564C20.8976 12.9905 21.2476 13.2499 21.4936 13.5969C21.709 13.9473 21.807 14.3575 21.7733 14.7676Z" fill="black"/>
<path d="M9.30457 22.2427C9.23163 22.2524 9.15771 22.2524 9.08477 22.2427C7.3667 21.7025 5.81675 20.7277 4.58466 19.4124C3.35257 18.0972 2.47996 16.4859 2.05117 14.7342C1.62239 12.9825 1.6519 11.1497 2.13685 9.41276C2.6218 7.67585 3.5458 6.09356 4.81959 4.81874C6.09338 3.54393 7.67389 2.61969 9.40845 2.13531C11.143 1.65092 12.973 1.62276 14.7216 2.05356C16.4702 2.48435 18.0783 3.35954 19.3906 4.59456C20.7029 5.82959 21.675 7.38269 22.213 9.10387C22.2438 9.19778 22.2556 9.29694 22.2476 9.39548C22.2395 9.49402 22.2119 9.58995 22.1663 9.67762C22.1206 9.76529 22.058 9.84291 21.9819 9.90592C21.9058 9.96893 21.8179 10.0161 21.7234 10.0445C21.5339 10.1014 21.3298 10.082 21.1544 9.99042C20.979 9.89885 20.8462 9.74233 20.7842 9.55418C20.3293 8.06981 19.499 6.72845 18.3738 5.66031C17.2486 4.59218 15.8668 3.83356 14.3625 3.45809C12.8582 3.08262 11.2826 3.10306 9.78854 3.51743C8.29448 3.93179 6.93275 4.72599 5.83555 5.82296C4.73836 6.91992 3.94299 8.28236 3.52662 9.77803C3.11025 11.2737 3.08703 12.8518 3.45924 14.3591C3.83145 15.8664 4.58645 17.2517 5.6509 18.3806C6.71536 19.5094 8.05311 20.3434 9.53435 20.8017C9.63348 20.8332 9.72524 20.8844 9.80403 20.9524C9.88283 21.0204 9.94704 21.1036 9.9928 21.1972C10.0386 21.2907 10.0649 21.3926 10.0702 21.4966C10.0756 21.6006 10.0598 21.7046 10.0239 21.8024C9.96196 21.9396 9.86021 22.0549 9.73192 22.1335C9.60363 22.212 9.45474 22.25 9.30457 22.2427Z" fill="black"/>
</svg>

Copied!

Preview Circle Icon

More from Mage Icons