Add icons to this collection by clicking the heart icon.
Viewer icon - also known as interface, camera, fashion, picture, eyes, image, viewer, and kid and baby. Created in a clean lineal color style with a white, silver, gray, black, red, navy, orange, and pink finish, 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-38.375 14.52-64.44 53.636-65.531 55.294l26.809 17.674c.213-.32 21.576-32.148 50.085-42.935z"
transform="translate(87.142 251.949)"
fill="#ffb258"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.699 67.104-89.192 114.966-164.867 114.966S-305.035 67.104-329.734 0l164.867-29.212z"
transform="translate(455.403 316.16)"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-166.587-37.31v-60.503l16.501-53.473c5.348-17.328 21.364-29.147 39.498-29.147h221.176c18.134 0 34.15 11.819 39.498 29.147l16.501 53.473v54.387z"
transform="translate(290.536 261.308)"
fill="#ff6868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.503l7.715-25h44.688c27.266 0 52.352 13.689 67.106 36.618l20.877 32.442a6.441 6.441 0 0 0 5.441 2.969h41.529a6.441 6.441 0 0 0 5.441-2.969l20.877-32.442c14.754-22.929 39.841-36.618 67.107-36.618h44.678l7.715 25v54.387L166.587 37.31Z"
transform="translate(123.948 223.998)"
fill="#f44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.16 16.817c-1.962 3.601-6.157 5.342-10.104 4.23a144.348 144.348 0 0 1-19.332-6.967c-4.7-2.084-6.663-7.7-4.204-12.216l8.879-16.304c2.167-3.98 7.01-5.735 11.175-3.949a108.35 108.35 0 0 0 17.179 5.72C-.003-11.32 2.739-5.028 0 0"
transform="translate(270.177 374.649)"
fill="#2d3c4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.685 7.359c-3.782 1.574-8.14.306-10.516-3.03A145.427 145.427 0 0 1-38.91-13.206c-2.368-4.574-.383-10.191 4.372-12.171l17.243-7.179c4.197-1.747 8.986.036 11.128 4.046a109.634 109.634 0 0 0 9.763 15.138C7.088-8.826 5.292-2.202 0 0"
transform="translate(200.003 335.562)"
fill="#2d3c4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a144.284 144.284 0 0 1-19.331 6.967c-3.947 1.112-8.143-.628-10.104-4.229l-9.161-16.818c-2.738-5.028.003-11.32 5.567-12.669a108.414 108.414 0 0 0 17.176-5.719c4.167-1.787 9.011-.031 11.18 3.95l8.877 16.303C6.663-7.7 4.701-2.084 0 0"
transform="translate(349.49 388.728)"
fill="#2d3c4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a145.554 145.554 0 0 1-10.709 17.535c-2.377 3.336-6.735 4.604-10.517 3.03l-17.677-7.358c-5.292-2.203-7.087-8.826-3.595-13.371 3.65-4.753 6.92-9.815 9.764-15.138 2.141-4.011 6.931-5.794 11.128-4.046l17.235 7.177C.383-10.191 2.367-4.574 0 0"
transform="translate(419.979 322.355)"
fill="#2d3c4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-357.891c-19.34 0-35.019-15.679-35.019-35.019v-70.277c0-26.157 21.212-47.369 47.377-47.369h52.403a54.802 54.802 0 0 1 46.084 25.146l20.876 32.443a31.47 31.47 0 0 0 26.465 14.441h41.529a31.471 31.471 0 0 0 26.465-14.441l20.876-32.443a54.8 54.8 0 0 1 46.083-25.146h52.403c26.161 0 47.368 21.208 47.368 47.369v70.277C35.019-15.679 19.341 0 0 0"
transform="translate(469.48 316.16)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h81.894c11.859 0 18.943-13.206 12.384-23.086L66.17-71.381a21.62 21.62 0 0 0-18.011-9.661H6.754c-11.939 0-21.618 9.679-21.618 21.618v44.56C-14.864-6.655-8.209 0 0 0"
transform="translate(126.081 280.268)"
fill="#44596a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-81.894c-11.859 0-18.943-13.206-12.384-23.086l28.108-48.295a21.62 21.62 0 0 1 18.011-9.661h41.405c11.939 0 21.618 9.679 21.618 21.618v44.56C14.864-6.655 8.209 0 0 0"
transform="translate(454.99 280.268)"
fill="#44596a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.201-12.323-27.524-27.524-27.524S-55.047-15.201-55.047 0s12.322 27.524 27.523 27.524S0 15.201 0 0"
transform="translate(62.548 316.068)"
fill="#ffe675"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h81.894c11.859 0 18.943-13.206 12.384-23.086L66.17-71.381a21.62 21.62 0 0 0-18.011-9.661H6.754c-11.939 0-21.618 9.679-21.618 21.618v44.56C-14.864-6.655-8.209 0 0 0Z"
transform="translate(126.08 280.268)"
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-81.894c-11.859 0-18.943-13.206-12.384-23.086l28.108-48.295a21.62 21.62 0 0 1 18.011-9.661h41.405c11.939 0 21.618 9.679 21.618 21.618v44.56C14.864-6.655 8.209 0 0 0Z"
transform="translate(454.99 280.268)"
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 0-9.16 16.817c-1.962 3.601-6.157 5.342-10.104 4.23a144.348 144.348 0 0 1-19.332-6.967c-4.7-2.084-6.663-7.7-4.204-12.216l8.879-16.304c2.167-3.98 7.01-5.735 11.175-3.949a108.35 108.35 0 0 0 17.179 5.72C-.003-11.32 2.739-5.028 0 0Z"
transform="translate(270.177 374.649)"
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 0a144.284 144.284 0 0 1-19.331 6.967c-3.947 1.112-8.143-.628-10.104-4.229l-9.161-16.818c-2.738-5.028.003-11.32 5.567-12.669a108.414 108.414 0 0 0 17.176-5.719c4.167-1.787 9.011-.031 11.18 3.95l8.877 16.303C6.663-7.7 4.701-2.084 0 0Z"
transform="translate(349.49 388.728)"
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 0v-13.623"
transform="translate(215.266 140.505)"
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 0v-13.623"
transform="translate(365.805 140.505)"
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-4.383-5.014-11.077-8.219-18.577-8.219-7.501 0-14.195 3.205-18.578 8.219"
transform="translate(309.113 127.83)"
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 0-20.876 32.443a31.471 31.471 0 0 1-26.465 14.441H-88.87a31.471 31.471 0 0 1-26.465-14.441L-136.211 0a54.802 54.802 0 0 0-46.083-25.146h-52.403l16.501-53.473c5.347-17.328 21.364-29.147 39.498-29.147H42.478c18.134 0 34.15 11.819 39.498 29.147l16.501 53.473H46.083A54.8 54.8 0 0 0 0 0Z"
transform="translate(358.645 188.64)"
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 0h103.8C79.101 67.104 14.608 114.966-61.067 114.966c-35.328 0-68.217-10.433-95.76-28.383"
transform="translate(351.602 316.16)"
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-20.009-18.609-35.671-41.829-45.293-67.971h195.934"
transform="translate(170.962 384.13)"
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 0c1.37 2.056 2.79 4.076 4.292 6.031C7.783 10.577 5.988 17.2.695 19.402l-17.685 7.359c-3.781 1.574-8.139.306-10.516-3.03A145.542 145.542 0 0 1-38.215 6.197 8.84 8.84 0 0 1-38.958 0Z"
transform="translate(199.307 316.16)"
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 0h38.95a8.843 8.843 0 0 1-.743 6.196A145.592 145.592 0 0 1 27.498 23.73c-2.377 3.337-6.736 4.604-10.518 3.03L-.696 19.403C-5.988 17.2-7.784 10.577-4.292 6.031A109.988 109.988 0 0 0 0 0Z"
transform="translate(381.772 316.16)"
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-210.013c-19.34 0-35.019-15.679-35.019-35.02v-70.277c0-26.156 21.212-47.368 47.378-47.368h52.403a54.802 54.802 0 0 1 46.083 25.146l20.876 32.443a31.471 31.471 0 0 0 26.465 14.441h41.529a31.471 31.471 0 0 0 26.465-14.441l20.876-32.443a54.8 54.8 0 0 1 46.083-25.146h52.403c26.161 0 47.368 21.207 47.368 47.368v70.277c0 19.341-15.678 35.02-35.019 35.02H30"
transform="translate(321.602 316.16)"
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-3.082-11.196-13.052-19.537-25.07-20.167 9.591-10.517 23.37-23.226 40.085-31.892v24.449c0 4.233.751 8.29 2.126 12.045C10.524-10.61 4.716-5.059 0 0Z"
transform="translate(61.556 308.75)"
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 0c0-15.201-12.323-27.524-27.524-27.524S-55.047-15.201-55.047 0s12.322 27.524 27.523 27.524S0 15.201 0 0Z"
transform="translate(62.547 316.068)"
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