Add icons to this collection by clicking the heart icon.
Sunglasses icon - also known as costume, sunglasses, party, carnival, and birthday and party. Created in a clean lineal color style with a white, silver, black, and yellow 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>
<path
d="m0 0-46.483 110.149 45.1-43.089 27.755 54.209 25.672-56.294 44.408 45.174L52.044 1.191 24.984-16.56Z"
transform="matrix(1.33333 0 0 -1.33333 126.257 251.92)"
fill="#90eb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.395 16.216L-40-63.783l-6.957-4.564 19.896-13.188L0-63.783 44.407 45.174Z"
transform="matrix(1.33333 0 0 -1.33333 195.65 165.287)"
fill="#8ae076"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.944 65.507 45.101-32.665 27.754 43.784 25.673-45.869 44.407 34.75L91.701-.566 44.523-17.494Z"
transform="matrix(1.33333 0 0 -1.33333 100.204 291.341)"
fill="#c8febc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.05 9.023-14.833-40.346-26.27-9.427 19.092-7.501 47.178 16.928 24.29 66.073z"
transform="matrix(1.33333 0 0 -1.33333 195.65 250.331)"
fill="#b0faa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45.981 108.958L-.88 65.868l27.755 54.21 25.672-56.295 44.407 45.175L52.547 0 27.479-20.918Z"
transform="matrix(1.33333 0 0 -1.33333 489.116 250.331)"
fill="#90eb7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.396 16.216L-40-63.783l-5.986-4.995 20.918-15.923L0-63.783 44.407 45.174Z"
transform="matrix(1.33333 0 0 -1.33333 559.18 165.287)"
fill="#8ae076"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.944 65.507 45.101-32.665 27.755 43.784 25.672-45.869 44.407 34.75L91.701-.566 47.534-17.494Z"
transform="matrix(1.33333 0 0 -1.33333 463.733 291.341)"
fill="#c8febc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.051 9.023-14.832-40.346-24.574-9.419 20.406-7.509 44.168 16.928 24.29 66.073z"
transform="matrix(1.33333 0 0 -1.33333 559.18 250.331)"
fill="#b0faa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a28.115 28.115 0 0 1-22.528 22.256 450.343 450.343 0 0 1-162.41-.01c-11.351-2.081-20.258-10.91-22.472-22.245-3.133-16.041-5.394-31.707-6.789-47.208a52.868 52.868 0 0 1-51.66 0c-1.395 15.501-3.655 31.167-6.788 47.207-2.214 11.336-11.122 20.165-22.473 22.246a450.343 450.343 0 0 1-162.41.01A28.115 28.115 0 0 1-480.058 0c-11.295-57.827-11.295-110.803 0-168.63a28.115 28.115 0 0 1 22.528-22.256 450.334 450.334 0 0 1 162.253-.019c11.389 2.085 20.407 10.895 22.628 22.267 4.472 22.894 6.657 43.59 8.098 67.002 1.923 31.231 46.65 30.936 49.04.097 1.701-21.959 3.623-44.169 8.102-67.096 2.212-11.328 11.094-20.154 22.438-22.235a450.333 450.333 0 0 1 162.445-.016A28.115 28.115 0 0 1 0-168.63C11.295-110.803 11.295-57.827 0 0"
transform="translate(496.029 265.934)"
fill="#ffed59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.217 11.348-11.164 20.173-22.528 22.256a450.437 450.437 0 0 1-101.175 6.931 450.322 450.322 0 0 0 61.175-6.931C-51.164 20.173-42.217 11.348-40 0c11.295-57.827 11.295-110.803 0-168.63a28.115 28.115 0 0 0-22.526-22.256 450.307 450.307 0 0 0-61.174-6.931 450.37 450.37 0 0 1 101.174 6.931A28.115 28.115 0 0 1 0-168.63C11.295-110.803 11.295-57.827 0 0"
transform="translate(496.029 265.934)"
fill="#fce100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.411 13.896-3.51 27.94-6.312 42.284C-8.526 53.62-17.433 62.448-28.785 64.53a450.338 450.338 0 0 1-101.236 6.94 450.27 450.27 0 0 0 61.236-6.94c11.352-2.082 20.259-10.91 22.473-22.246 2.426-12.421 4.323-24.617 5.706-36.687-1.44-23.455-1.237-109.067-5.707-131.951-2.222-11.372-11.239-20.183-22.628-22.267a450.214 450.214 0 0 0-61.07-6.912 450.378 450.378 0 0 1 101.07 6.912c11.389 2.084 20.406 10.895 22.628 22.267 4.472 22.894 7.389 43.556 8.098 67.002C2.577-33.15 0 0 0 0"
transform="translate(229.693 223.65)"
fill="#fce100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-22.41 0-44.843 1.808-66.979 5.389a9.33 9.33 0 0 0-7.696 7.585c-8.45 47.777-8.45 91.621 0 139.399a9.33 9.33 0 0 0 7.696 7.585 419.725 419.725 0 0 0 66.978 5.389c22.409 0 44.844-1.808 66.98-5.389a9.328 9.328 0 0 0 7.695-7.585c8.451-47.778 8.451-91.622 0-139.399a9.328 9.328 0 0 0-7.695-7.585A419.756 419.756 0 0 0 0 0"
transform="translate(119.677 98.946)"
fill="#8edef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a419.756 419.756 0 0 0-66.979 5.389 9.327 9.327 0 0 0-7.695 7.585c-8.451 47.777-8.451 91.621 0 139.399a9.328 9.328 0 0 0 7.695 7.585 419.743 419.743 0 0 0 66.978 5.389c22.41 0 44.844-1.808 66.98-5.389a9.33 9.33 0 0 0 7.696-7.585c8.45-47.778 8.45-91.622 0-139.399a9.33 9.33 0 0 0-7.696-7.585A419.747 419.747 0 0 0 0 0"
transform="translate(392.323 98.946)"
fill="#8edef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a420.183 420.183 0 0 1 51.639 5.094 9.33 9.33 0 0 1 7.695 7.586c3.18 17.972 5.161 35.388 5.948 52.667z"
transform="translate(135.016 99.24)"
fill="#cef1fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-83.465-83.561c.048-19.881 1.684-39.773 4.916-60.317L60.409-4.741A419.852 419.852 0 0 1 0 0"
transform="translate(122.14 264.268)"
fill="#cef1fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a419.859 419.859 0 0 1-66.978-5.388 9.33 9.33 0 0 1-7.695-7.586c-5.093-28.794-7.094-56.162-6.048-83.82L15.657-.304C10.439-.108 5.219 0 0 0"
transform="translate(392.322 264.293)"
fill="#cef1fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-127.259-127.412a419.359 419.359 0 0 1 49.278-2.92c5.716 0 11.435.121 17.149.356l63.37 63.432C3.656-44.409 2.804-22.514 0 0"
transform="translate(470.305 229.278)"
fill="#cef1fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a446.35 446.35 0 0 0 1.991 12.232 9.33 9.33 0 0 0 7.695 7.586 419.862 419.862 0 0 0 66.979 5.388c22.409 0 44.843-1.808 66.98-5.388a9.33 9.33 0 0 0 7.695-7.586c8.451-47.777 8.451-91.621-.001-139.399a9.328 9.328 0 0 0-7.695-7.585 419.753 419.753 0 0 0-66.978-5.389c-22.41 0-44.844 1.808-66.979 5.389a9.33 9.33 0 0 0-7.696 7.585C-3.506-96.09-5.427-66.678-3.773-36.766"
transform="translate(43.011 239.086)"
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 0a419.756 419.756 0 0 0-66.979 5.389 9.327 9.327 0 0 0-7.695 7.585c-8.451 47.777-8.451 91.621 0 139.399a9.328 9.328 0 0 0 7.695 7.585 419.743 419.743 0 0 0 66.978 5.389c22.41 0 44.844-1.808 66.98-5.389a9.33 9.33 0 0 0 7.696-7.585c8.45-47.778 8.45-91.622 0-139.399a9.33 9.33 0 0 0-7.696-7.585A419.747 419.747 0 0 0 0 0Z"
transform="translate(392.323 98.946)"
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 0c4.804 43.479 2.832 85.358-5.917 130.149a28.115 28.115 0 0 1-22.528 22.256 450.343 450.343 0 0 1-162.41-.01c-11.351-2.082-20.258-10.91-22.472-22.245-3.133-16.041-5.394-31.707-6.789-47.208a52.868 52.868 0 0 1-51.66 0c-1.395 15.501-3.655 31.167-6.788 47.207-2.214 11.336-11.122 20.164-22.473 22.246a450.343 450.343 0 0 1-162.41.01 28.115 28.115 0 0 1-22.528-22.256c-11.295-57.827-11.295-110.803 0-168.63a28.115 28.115 0 0 1 22.528-22.256 450.334 450.334 0 0 1 162.253-.019c11.389 2.085 20.407 10.895 22.628 22.267 4.472 22.894 6.657 43.59 8.098 67.002 1.923 31.231 46.65 30.936 49.04.097 1.701-21.959 3.623-44.169 8.102-67.096 2.212-11.328 11.094-20.154 22.438-22.235a450.333 450.333 0 0 1 162.445-.016A28.115 28.115 0 0 1-5.917-38.481"
transform="translate(501.946 135.785)"
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-26.944 65.507 45.101-32.665 27.754 43.784 25.673-45.869 44.407 34.75L91.701-.566"
transform="translate(75.153 293.494)"
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-45.101 106.873L0 63.783l27.754 54.21 25.673-56.295 44.407 45.175L53.427-2.085"
transform="translate(93.31 326.336)"
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-26.944 65.507 45.101-32.665 27.755 43.784 25.672-45.869 44.407 34.75L91.701-.566"
transform="translate(347.8 293.494)"
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-45.101 106.873L0 63.783l27.754 54.21 25.673-56.295 44.407 45.175L53.427-2.085"
transform="translate(365.957 326.336)"
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 82.142 82.275"
transform="translate(39.935 181.948)"
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 138.954 139.181"
transform="translate(43.592 120.367)"
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 64.795 64.901"
transform="translate(135.034 99.233)"
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 95.971 96.128"
transform="translate(311.311 167.184)"
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 124.346 124.548"
transform="translate(343.06 101.855)"
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 58.631 58.727"
transform="translate(412.043 101.855)"
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