Add icons to this collection by clicking the heart icon.
Viewer icon - also known as view, eye, ui, social media, preview, shapes and symbols, visibility, viewer, and music and multimedia. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-156.575 0-248.5-171.728-248.5-171.728S-156.575-343.455 0-343.455s248.5 171.727 248.5 171.727S156.575 0 0 0"
transform="translate(256 427.728)"
fill="#e6f7fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.634-54.024-92.457-105.608-166.068-142.67-56.4-28.396-114.123-44.261-166.832-48.176 34.832-22.009 76.37-37.806 123.855-37.806 156.575 0 248.5 171.727 248.5 171.727S25.779-31.382 0 0"
transform="translate(465.045 312.925)"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-61.369-49.749-111.118-111.118-111.118-61.369 0-111.118 49.749-111.118 111.118 0 61.369 49.749 111.118 111.118 111.118C-49.749 111.118 0 61.369 0 0"
transform="translate(367.118 256)"
fill="#62a4fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.786-17.64 18.661-38.839 18.661-61.646 0-61.369-49.749-111.119-111.117-111.119-22.808 0-44.007 6.876-61.648 18.661 19.927-29.825 53.896-49.47 92.458-49.47 61.369 0 111.118 49.749 111.118 111.117C49.472-53.895 29.826-19.926 0 0"
transform="translate(317.647 348.457)"
fill="#5392f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v91.723c0 7.04 7.562 11.489 13.717 8.071l82.55-45.862c6.332-3.517 6.332-12.624 0-16.141L13.717-8.071C7.562-11.49 0-7.04 0 0"
transform="translate(215.594 210.139)"
fill="#f5fcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-149.504c-14.505 0-26.264 11.759-26.264 26.264v76.773c0 14.505 11.759 26.264 26.264 26.264H0c14.506 0 26.265-11.759 26.265-26.264V26.264C26.265 11.759 14.506 0 0 0"
transform="translate(478.235 84.272)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.628-26.879-34.923-54.133-60.19-79.401-18.949-18.948-39.013-35.099-59.2-48.162H-9.396c14.505 0 26.264 11.759 26.264 26.264v76.773C16.868-13.333 9.863-3.781 0 0"
transform="translate(487.632 211.835)"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-29.101 14.29-62.04 23.59-98.49 23.59-156.58 0-248.5-171.73-248.5-171.73s91.92-171.73 248.5-171.73c19.24 0 37.5 2.59 54.73 7.14"
transform="translate(354.49 404.14)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c76.891-50.8 119.66-130.71 119.66-130.71s-9.66-18.04-28.05-42.43"
transform="translate(384.84 386.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.569-38.19 56.18-64.69 100.97-64.69 16.59 0 32.33 3.64 46.469 10.17"
transform="translate(155.03 209.57)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.48 4.18-.73 8.44-.73 12.75 0 61.37 49.75 111.12 111.12 111.12 61.37 0 111.12-49.75 111.12-111.12 0-15.03-2.981-29.36-8.401-42.43"
transform="translate(145.61 243.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v91.723c0 7.04 7.562 11.489 13.717 8.071l82.55-45.862c6.332-3.517 6.332-12.624 0-16.141L13.717-8.071C7.562-11.49 0-7.04 0 0Z"
transform="translate(215.594 210.139)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h17.46c14.5 0 26.26 11.76 26.26 26.27v76.77c0 14.5-11.76 26.26-26.26 26.26h-149.51c-14.5 0-26.261-11.76-26.261-26.26V26.27C-158.311 11.76-146.55 0-132.05 0H-35"
transform="translate(460.78 84.27)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h137.382"
transform="translate(334.793 165.085)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-76.772"
transform="translate(411.565 132.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category