<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iuADjqc)"><path fill="url(#iP4iOrd)" d="M14.937 11.336c.22.175.602.385 1.063.385a1.75 1.75 0 0 0 1.074-.392l.01-.004l.765-.643a2.5 2.5 0 0 1 1.61-.588h9.322a1.187 1.187 0 0 1 1.065 1.714q-.061.123-.13.246l-.002.004c-.16.295-.323.594-.323.923v2.751a5.65 5.65 0 0 1-5.631 5.182h-1.113a5.65 5.65 0 0 1-5.531-4.491a5 5 0 0 1-.053-.751v-1.508a1.063 1.063 0 0 0-2.125 0v1.508q0 .383-.054.75a5.65 5.65 0 0 1-5.53 4.492H8.24a5.65 5.65 0 0 1-5.631-5.182v-2.751c0-.33-.163-.628-.324-.923l-.002-.004a7 7 0 0 1-.13-.246a1.187 1.187 0 0 1 1.065-1.714h9.322a2.5 2.5 0 0 1 1.61.588l.764.643l.009.003h.002z"/><path fill="url(#iiip31c)" d="M14.937 11.336c.22.175.602.385 1.063.385a1.75 1.75 0 0 0 1.074-.392l.01-.004l.765-.643a2.5 2.5 0 0 1 1.61-.588h9.322a1.187 1.187 0 0 1 1.065 1.714q-.061.123-.13.246l-.002.004c-.16.295-.323.594-.323.923v2.751a5.65 5.65 0 0 1-5.631 5.182h-1.113a5.65 5.65 0 0 1-5.531-4.491a5 5 0 0 1-.053-.751v-1.508a1.063 1.063 0 0 0-2.125 0v1.508q0 .383-.054.75a5.65 5.65 0 0 1-5.53 4.492H8.24a5.65 5.65 0 0 1-5.631-5.182v-2.751c0-.33-.163-.628-.324-.923l-.002-.004a7 7 0 0 1-.13-.246a1.187 1.187 0 0 1 1.065-1.714h9.322a2.5 2.5 0 0 1 1.61.588l.764.643l.009.003h.002z"/></g><g filter="url(#iywyhzb)"><path fill="#818cf8" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/><path stroke="#818cf8" stroke-width="1.5" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#imqYwCo)"><path fill="url(#ihYlbKZ)" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#iRe4vfe)"><path fill="#818cf8" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/><path stroke="#818cf8" stroke-width="1.5" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#i5sy6vc)"><path fill="url(#ix5TCzW)" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#ig5P15b)"><path stroke="url(#iwyNygb)" stroke-width="1.5" d="M6.03 10.573h5.533a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175H8.25a5.175 5.175 0 0 1-5.176-5.175V13.53a2.957 2.957 0 0 1 2.958-2.957Z" clip-rule="evenodd"/><path stroke="url(#iw7EhVb)" stroke-width="1.5" d="M6.03 10.573h5.533a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175H8.25a5.175 5.175 0 0 1-5.176-5.175V13.53a2.957 2.957 0 0 1 2.958-2.957Z" clip-rule="evenodd"/></g><g filter="url(#iJXe0Wb)"><path stroke="url(#iifnxOb)" stroke-width="1.5" d="M20.563 10.573h5.532a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175h-1.096a5.175 5.175 0 0 1-5.175-5.175V13.53a2.957 2.957 0 0 1 2.957-2.957Z" clip-rule="evenodd"/><path stroke="url(#ibBVDwd)" stroke-width="1.5" d="M20.563 10.573h5.532a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175h-1.096a5.175 5.175 0 0 1-5.175-5.175V13.53a2.957 2.957 0 0 1 2.957-2.957Z" clip-rule="evenodd"/></g><ellipse cx="11.504" cy="13.705" fill="url(#iJlBXAe)" rx="1.352" ry="1.681" transform="rotate(-39.013 11.504 13.705)"/><ellipse cx="25.786" cy="13.843" fill="url(#i27ZkYb)" rx="1.352" ry="1.681" transform="rotate(-39.013 25.786 13.843)"/><defs><filter id="iuADjqc" width="28.188" height="11.07" x="2.031" y="10.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.262745 0 0 0 0 0.188235 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/></filter><filter id="iywyhzb" width="11.313" height="9.712" x="17.547" y="10.652" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="imqYwCo" width="10.963" height="9.362" x="17.747" y="10.852" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy=".2"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.141176 0 0 0 0 0.619608 0 0 0 0 0.992157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.807843 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16200" result="effect2_innerShadow_18_16200"/></filter><filter id="iRe4vfe" width="11.313" height="9.712" x="3.14" y="10.652" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="i5sy6vc" width="10.963" height="9.362" x="3.34" y="10.852" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy=".2"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.141176 0 0 0 0 0.619608 0 0 0 0 0.992157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.807843 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16200" result="effect2_innerShadow_18_16200"/></filter><filter id="ig5P15b" width="12.197" height="10.619" x="2.698" y="10.198" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="iJXe0Wb" width="12.197" height="10.619" x="17.23" y="10.198" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><radialGradient id="iiip31c" cx="0" cy="0" r="1" gradientTransform="matrix(1.20312 .42187 -.81092 2.31265 1.922 10.89)" gradientUnits="userSpaceOnUse"><stop stop-color="#6C5484"/><stop offset="1" stop-color="#6C5484" stop-opacity="0"/></radialGradient><radialGradient id="ihYlbKZ" cx="0" cy="0" r="1" gradientTransform="matrix(-5.1875 -4.34374 4.4704 -5.33878 25.906 17.219)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#7FE8FF"/><stop offset="1" stop-color="#56C1FF"/></radialGradient><radialGradient id="ix5TCzW" cx="0" cy="0" r="1" gradientTransform="matrix(-5.1875 -4.34374 4.4704 -5.33878 11.5 17.219)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#7FE8FF"/><stop offset="1" stop-color="#56C1FF"/></radialGradient><radialGradient id="iJlBXAe" cx="0" cy="0" r="1" gradientTransform="rotate(-84.827 13.649 1.96)scale(3.31088 3.5043)" gradientUnits="userSpaceOnUse"><stop offset=".192" stop-color="#FAFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FAFFFF"/></radialGradient><radialGradient id="i27ZkYb" cx="0" cy="0" r="1" gradientTransform="rotate(-84.827 20.865 -5.788)scale(3.31088 3.5043)" gradientUnits="userSpaceOnUse"><stop offset=".192" stop-color="#FAFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FAFFFF"/></radialGradient><linearGradient id="iP4iOrd" x1="16" x2="16" y1="10.656" y2="20.922" gradientUnits="userSpaceOnUse"><stop offset=".219" stop-color="#57357A"/><stop offset="1" stop-color="#391E54"/></linearGradient><linearGradient id="iwyNygb" x1="4.407" x2="13.008" y1="18.622" y2="12.652" gradientUnits="userSpaceOnUse"><stop stop-color="#53406A"/><stop offset="1" stop-color="#53406A" stop-opacity="0"/></linearGradient><linearGradient id="iw7EhVb" x1="14.736" x2="10.966" y1="15.657" y2="15.657" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4279"/><stop offset="1" stop-color="#5D4279" stop-opacity="0"/></linearGradient><linearGradient id="iifnxOb" x1="18.939" x2="27.54" y1="18.622" y2="12.652" gradientUnits="userSpaceOnUse"><stop stop-color="#53406A"/><stop offset="1" stop-color="#53406A" stop-opacity="0"/></linearGradient><linearGradient id="ibBVDwd" x1="29.268" x2="25.498" y1="15.657" y2="15.657" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4279"/><stop offset="1" stop-color="#5D4279" stop-opacity="0"/></linearGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. GlassesIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.