Add icons to this collection by clicking the heart icon.
Sunglasses icon - also known as fashion, optical, eyeglasses, sunglasses, reading glasses, and accessory. Created in a clean filled 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="m0 0 84.461 19.268c62.564 14.273 127.885-2.099 176.197-43.498C267.262-29.89 271-38.202 271-46.899V-123.1c0-16.568-13.432-30-30-30H0Z"
transform="matrix(1.33333 0 0 -1.33333 -368 498.546)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 84.461 19.268c62.564 14.273 127.885-2.099 176.197-43.498C267.262-29.89 271-38.202 271-46.899V-123.1c0-16.568-13.432-30-30-30H0Z"
transform="matrix(1.33333 0 0 -1.33333 -368 498.546)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v57.998c-58.577 36.046-132.458 36.046-191.035 0V0c0-52.753 42.764-95.518 95.516-95.518h.001C-42.765-95.518 0-52.753 0 0"
transform="matrix(1.33333 0 0 -1.33333 650.742 535.31)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-58.577 36.046-132.458 36.046-191.035 0v-57.998c0-52.753 42.764-95.518 95.517-95.518C-42.765-153.516 0-110.751 0-57.998z"
transform="matrix(1.33333 0 0 -1.33333 286.639 457.98)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.675.035c42.708.886 76.867 35.767 76.867 78.484v.023c0 43.378-35.165 78.542-78.542 78.542-16.318 0-29.546-13.228-29.546-29.545V28.938C-29.546 12.685-16.25-.337 0 0"
transform="matrix(1.33333 0 0 -1.33333 728.728 446.056)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.675.035c42.708.886 76.867 35.767 76.867 78.484v.023c0 43.378-35.165 78.542-78.542 78.542-16.318 0-29.546-13.228-29.546-29.545V28.938C-29.546 12.685-16.25-.337 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 728.728 446.056)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c105.832 105.832 277.42 105.832 383.252 0s105.832-277.42 0-383.252-277.42-105.832-383.252 0S-105.832-105.832 0 0"
transform="matrix(1.33333 0 0 -1.33333 -623.501 795.165)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c105.832 105.832 277.42 105.832 383.252 0s105.832-277.42 0-383.252-277.42-105.832-383.252 0S-105.832-105.832 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 -623.501 795.165)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="m0 0 84.461 19.268c62.564 14.273 127.885-2.099 176.197-43.498C267.262-29.89 271-38.202 271-46.899V-123.1c0-16.568-13.432-30-30-30H0Z"
transform="translate(-276 138.09)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 84.461 19.268c62.564 14.273 127.885-2.099 176.197-43.498C267.262-29.89 271-38.202 271-46.899V-123.1c0-16.568-13.432-30-30-30H0Z"
transform="translate(-276 138.09)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v57.998c-58.577 36.046-132.458 36.046-191.035 0V0c0-52.753 42.764-95.518 95.516-95.518h.001C-42.765-95.518 0-52.753 0 0"
transform="translate(488.057 110.518)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v57.998c-58.577 36.046-132.458 36.046-191.035 0V0c0-52.753 42.764-95.518 95.516-95.518h.001C-42.765-95.518 0-52.753 0 0Z"
transform="translate(488.057 110.518)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-58.577 36.046-132.458 36.046-191.035 0v-57.998c0-52.753 42.764-95.518 95.517-95.518C-42.765-153.516 0-110.751 0-57.998z"
transform="translate(214.979 168.516)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-58.577 36.046-132.458 36.046-191.035 0v-57.998c0-52.753 42.764-95.518 95.517-95.518C-42.765-153.516 0-110.751 0-57.998z"
transform="translate(214.979 168.516)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-21.223 25.884-60.82 25.884-82.042 0"
transform="translate(297.022 168.516)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v285.496c0 23.742 19.247 42.988 42.989 42.988"
transform="translate(23.944 168.516)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v285.496c0 23.742-19.247 42.988-42.989 42.988"
transform="translate(488.057 168.516)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="m0 0 1.675.035c42.708.886 76.867 35.767 76.867 78.484v.023c0 43.378-35.165 78.542-78.542 78.542-16.318 0-29.546-13.228-29.546-29.545V28.938C-29.546 12.685-16.25-.337 0 0"
transform="translate(546.546 177.458)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.675.035c42.708.886 76.867 35.767 76.867 78.484v.023c0 43.378-35.165 78.542-78.542 78.542-16.318 0-29.546-13.228-29.546-29.545V28.938C-29.546 12.685-16.25-.337 0 0Z"
transform="translate(546.546 177.458)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#e)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c105.832 105.832 277.42 105.832 383.252 0s105.832-277.42 0-383.252-277.42-105.832-383.252 0S-105.832-105.832 0 0"
transform="translate(-467.626 -84.374)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c105.832 105.832 277.42 105.832 383.252 0s105.832-277.42 0-383.252-277.42-105.832-383.252 0S-105.832-105.832 0 0Z"
transform="translate(-467.626 -84.374)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category