Add icons to this collection by clicking the heart icon.
Sunglasses icon - also known as fashion, protection, eyeglasses, sunglasses, holidays, and accessory. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M169.667 204.255h170.667l-59.563 57.6a55.086 55.086 0 0 0-51.541 0l-59.563-57.6z"
transform="translate(1 18)"
fill="#e3e7f2"
/>
<path
d="M229.4 255.455c0 2.133-.085 4.267-.171 6.4-5.291 47.36-21.248 78.592-44.8 102.229A153.456 153.456 0 0 1 75.8 409.055a67.247 67.247 0 0 1-10.24-.768h-.171c-33.299-5.14-57.869-33.805-57.856-67.499v-42.667c.001-51.841 42.026-93.866 93.867-93.867h76.8c28.268.023 51.178 22.933 51.2 51.201zM502.467 298.122v42.667a68.248 68.248 0 0 1-68.266 68.266 149.597 149.597 0 0 1-15.189-.768h-.171a153.525 153.525 0 0 1-93.269-44.203c-23.552-23.637-39.509-54.869-44.8-102.229-.085-2.133-.171-4.267-.171-6.4.027-24.994 18.1-46.313 42.752-50.432a45.77 45.77 0 0 1 8.448-.768h76.8c51.84 0 93.865 42.026 93.866 93.867z"
transform="translate(1 18)"
fill="#a4c2f7"
/>
<g transform="translate(1 18)">
<linearGradient
id="a"
x1="-49.609"
x2="-48.957"
y1="630.308"
y2="629.68"
gradientTransform="matrix(196.2667 0 0 -204.032 9771.9 128834.242)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M203.8 255.455c0 2.133-.085 4.267-.171 6.4-5.291 47.36-21.248 78.592-44.8 102.229a153.536 153.536 0 0 1-93.269 44.203h-.171c-33.299-5.14-57.869-33.805-57.856-67.499v-42.667c.001-51.841 42.026-93.866 93.867-93.867h51.2c28.268.023 51.178 22.933 51.2 51.201z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-49.578"
x2="-48.925"
y1="630.339"
y2="629.711"
gradientTransform="matrix(196.2667 0 0 -204.0321 10044.967 128834.32)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M476.867 298.122v42.667c.013 33.694-24.557 62.358-57.856 67.499h-.171a153.525 153.525 0 0 1-93.269-44.203c-23.552-23.637-39.509-54.869-44.8-102.229-.085-2.133-.171-4.267-.171-6.4.027-24.994 18.1-46.313 42.752-50.432a45.77 45.77 0 0 1 8.448-.768H383c51.841-.001 93.866 42.025 93.867 93.866z"
fill="url(#b)"
/>
</g>
<path
d="M65.389 408.287h.171c3.389.517 6.812.773 10.24.768 5.127 0 10.19-.277 15.188-.769-33.298-5.141-57.867-33.805-57.854-67.498v-42.667c.001-51.841 42.026-93.866 93.867-93.867h-25.6c-51.841.001-93.866 42.026-93.867 93.867v42.667c-.014 33.694 24.556 62.358 57.855 67.499z"
transform="translate(1 18)"
fill="#fff"
/>
<path
d="m41.736 234.475 58.573-94.2 26.59-42.76 14.49 9.011-26.582 42.76-58.581 94.208z"
fill="#fff"
/>
<path
d="M98.546 159.27a8.559 8.559 0 0 0 11.753-2.741l31.092-50.004-.032-.02c.037-.058.098-.088.133-.147 5.592-10.2 17.53-15.134 28.692-11.858a74.707 74.707 0 0 1 43.792 45.658 8.528 8.528 0 0 0 14.656 1.994 8.529 8.529 0 0 0 1.128-8.469c-14.658-35.733-37.55-49.838-54.25-55.396-18.707-5.804-38.931 2.199-48.601 19.232l-.01-.006-31.092 50.004a8.557 8.557 0 0 0 2.739 11.753zM77.23 184.502a6.49 6.49 0 0 0 .898 1.467c.282.464.631.884 1.037 1.244.428.379.881.728 1.357 1.045a8.958 8.958 0 0 0 6.451 1.097 8.804 8.804 0 0 0 6.399-10.29 8.852 8.852 0 0 0-1.443-3.007 8.527 8.527 0 0 0-2.396-2.294 8.567 8.567 0 0 0-12.85 9.193l.547 1.545zM59.733 290.526a8.502 8.502 0 0 0 6.033-2.5l17.067-17.067a8.532 8.532 0 0 0-12.066-12.066L53.7 275.959a8.532 8.532 0 0 0 6.033 14.567zM121.967 250.359l-76.8 76.8a8.533 8.533 0 1 0 12.066 12.066l76.8-76.8a8.533 8.533 0 0 0-12.066-12.066zM341.333 290.526a8.502 8.502 0 0 0 6.033-2.5l17.067-17.067a8.534 8.534 0 1 0-12.066-12.067L335.3 275.959a8.533 8.533 0 0 0 6.033 14.567zM403.567 250.359l-76.8 76.8a8.533 8.533 0 1 0 12.066 12.066l76.8-76.8a8.533 8.533 0 1 0-12.066-12.066z"
fill="#428dff"
/>
<path
d="M511.326 304.73a102.336 102.336 0 0 0-41.825-71.481L385.208 97.684c-9.649-17.168-29.993-25.247-48.792-19.375-16.625 5.537-39.517 19.642-54.175 55.375a8.528 8.528 0 0 0 9.033 11.712 8.532 8.532 0 0 0 6.751-5.237 74.702 74.702 0 0 1 43.716-45.637c11.25-3.316 23.286 1.689 28.867 12.004l69.553 111.864a102.02 102.02 0 0 0-30.561-4.664h-76.8c-2.21.007-4.417.137-6.612.387a8.178 8.178 0 0 0-1.921-.387H102.4a102.043 102.043 0 0 0-30.565 4.666l2.417-3.888a8.534 8.534 0 0 0-14.494-9.012L42.5 233.248A102.33 102.33 0 0 0 .674 304.73a8.43 8.43 0 0 0-.354 5.086c-.128 2.098-.32 4.18-.32 6.31v42.667c.048 42.396 34.404 76.752 76.8 76.8 84.833-.134 155.24-65.605 161.529-150.205a47.683 47.683 0 0 1 35.342 0c6.289 84.6 76.696 150.07 161.529 150.205 42.396-.048 76.752-34.404 76.8-76.8v-42.667c0-2.13-.192-4.212-.32-6.31a8.429 8.429 0 0 0-.354-5.086zM76.8 418.526c-32.974-.038-59.695-26.759-59.733-59.733v-42.667c0-2.76.157-5.483.415-8.177l.009-.171c4.342-43.655 41.04-76.928 84.91-76.986h76.8c23.553.028 42.639 19.114 42.667 42.667-.091 80.081-64.987 144.977-145.068 145.067zm161.809-151.265a59.559 59.559 0 0 0-17.687-36.468h70.154a59.563 59.563 0 0 0-17.686 36.468 65.914 65.914 0 0 0-34.781 0zm256.324 91.531c-.038 32.974-26.759 59.695-59.733 59.733-80.081-.089-144.977-64.986-145.067-145.067.028-23.553 19.114-42.639 42.667-42.667h76.8c43.871.057 80.569 33.331 84.91 76.986l.009.171c.257 2.694.415 5.417.415 8.177l-.001 42.667z"
fill="#428dff"
/>
</svg>
More icons in the same style and category