<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="#818cf8" d="M6.708 23.43c0 3.242 2.581 6.18 5.868 6.431c2.37 0 4.459-1.374 5.447-3.22l5.756-10.19a9.292 9.292 0 1 0-17.072-5.084z"/><g filter="url(#iZfI4ng)"><ellipse cx="17.338" cy="9.081" fill="url(#i66Un9c)" rx="7.28" ry="4.652" transform="rotate(26.087 17.338 9.08)"/></g><g filter="url(#iSEWX7d)"><path fill="url(#i8pOP2d)" d="M12.577 28.735c-3.288-.25-4.546-2.063-4.546-5.304V12.173l2.344-.156l9.188 9.156l-2.938 4.969c-.989 1.845-1.68 2.593-4.049 2.593"/><path fill="url(#iuNx2KH)" d="M12.577 28.735c-3.288-.25-4.546-2.063-4.546-5.304V12.173l2.344-.156l9.188 9.156l-2.938 4.969c-.989 1.845-1.68 2.593-4.049 2.593"/></g><g filter="url(#iXxuhjb)"><circle cx="11.941" cy="22.328" r="3.186" fill="url(#icrJvyh)"/></g><circle cx="11.755" cy="22.142" r="3" fill="url(#ipcGiJe)"/><circle cx="11.755" cy="22.142" r="3" fill="url(#iBJzZ7u)"/><g filter="url(#iv2MQhb)"><circle cx="11.755" cy="22.142" r="2.564" fill="#818cf8"/></g><g filter="url(#ipRcBrc)"><path fill="url(#ijvvKxb)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.322.148 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#iHgXtmc)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.322.148 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/></g><path fill="url(#itRXcmc)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#ilRcCGq)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#i5ORo6c)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#itshlNb)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#ibedLub)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><g filter="url(#iZLOx3Y)"><path stroke="url(#iXKxj4c)" stroke-linecap="round" stroke-width="1.5" d="M16.94 3.579c2.291.375 6.919 2.431 7.094 7.656"/></g><g filter="url(#iNMmHze)"><path stroke="url(#iPHjxKd)" stroke-linecap="round" stroke-width="1.5" d="M9.19 9.187v14.705c.022.895.334 3.408 3.063 4.03c2.297.525 3.625-.687 4.276-1.905l1.224-2.125"/></g><defs><radialGradient id="i66Un9c" cx="0" cy="0" r="1" gradientTransform="rotate(-91.906 15.31 -1.52)scale(8.88629 15.4978)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#CA827D" stop-opacity="0"/><stop offset=".922" stop-color="#CA827D"/></radialGradient><radialGradient id="iBJzZ7u" cx="0" cy="0" r="1" gradientTransform="matrix(-2.10816 1.52067 -1.73662 -2.40753 14.464 20.918)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDDC6"/><stop offset="1" stop-color="#FFDDC6" stop-opacity="0"/></radialGradient><radialGradient id="iHgXtmc" cx="0" cy="0" r="1" gradientTransform="matrix(3.875 -5.5625 6.22805 4.33864 17.5 10.83)" gradientUnits="userSpaceOnUse"><stop offset=".585" stop-color="#C17C71"/><stop offset="1" stop-color="#C17C71" stop-opacity="0"/></radialGradient><radialGradient id="itRXcmc" cx="0" cy="0" r="1" gradientTransform="matrix(.14338 -4.62474 6.13434 .19019 23.232 15.266)" gradientUnits="userSpaceOnUse"><stop offset=".174" stop-color="#FFC8B5"/><stop offset="1" stop-color="#FFC8B5" stop-opacity="0"/></radialGradient><radialGradient id="ilRcCGq" cx="0" cy="0" r="1" gradientTransform="rotate(115.159 1.796 17.183)scale(4.97005 4.84669)" gradientUnits="userSpaceOnUse"><stop offset=".242" stop-color="#FFC9B6"/><stop offset="1" stop-color="#FFC9B6" stop-opacity="0"/></radialGradient><radialGradient id="i5ORo6c" cx="0" cy="0" r="1" gradientTransform="rotate(-115.896 19.594 6.144)scale(26.3315 19.1931)" gradientUnits="userSpaceOnUse"><stop offset=".953" stop-color="#D8B49F" stop-opacity="0"/><stop offset="1" stop-color="#D8B49F"/></radialGradient><radialGradient id="itshlNb" cx="0" cy="0" r="1" gradientTransform="matrix(-3.14 21.87883 -17.0804 -2.45134 14.584 7.982)" gradientUnits="userSpaceOnUse"><stop offset=".837" stop-color="#C28296" stop-opacity="0"/><stop offset="1" stop-color="#C28296"/></radialGradient><radialGradient id="ibedLub" cx="0" cy="0" r="1" gradientTransform="matrix(2.09375 0 0 3.71875 10.344 22.142)" gradientUnits="userSpaceOnUse"><stop stop-color="#FDC5B4"/><stop offset="1" stop-color="#B5877C" stop-opacity="0"/><stop offset="1" stop-color="#FDC5B4" stop-opacity="0"/></radialGradient><linearGradient id="i8pOP2d" x1="12.875" x2="10.121" y1="12.579" y2="18.173" gradientUnits="userSpaceOnUse"><stop stop-color="#DA8467"/><stop offset="1" stop-color="#DA8467" stop-opacity="0"/></linearGradient><linearGradient id="iuNx2KH" x1="13.563" x2="15.563" y1="27.517" y2="21.923" gradientUnits="userSpaceOnUse"><stop offset=".218" stop-color="#E19A7F"/><stop offset="1" stop-color="#E19A7F" stop-opacity="0"/></linearGradient><linearGradient id="icrJvyh" x1="14.509" x2="12.212" y1="20.489" y2="24.533" gradientUnits="userSpaceOnUse"><stop offset=".34" stop-color="#FFDABD"/><stop offset="1" stop-color="#CA7A56"/></linearGradient><linearGradient id="ipcGiJe" x1="11.755" x2="11.755" y1="19.142" y2="25.142" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC7AB"/><stop offset="1" stop-color="#EEAA9A"/></linearGradient><linearGradient id="ijvvKxb" x1="11.563" x2="20" y1="31.517" y2="-.858" gradientUnits="userSpaceOnUse"><stop stop-color="#F1BAAC"/><stop offset="1" stop-color="#FCCCAF"/></linearGradient><linearGradient id="iXKxj4c" x1="24.971" x2="17.565" y1="11.235" y2="3.423" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE4C9" stop-opacity="0"/><stop offset=".51" stop-color="#FFE4C9"/><stop offset="1" stop-color="#FFE4C9" stop-opacity="0"/></linearGradient><linearGradient id="iPHjxKd" x1="8.441" x2="21.379" y1="2.017" y2="24.121" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDCC7" stop-opacity="0"/><stop offset=".698" stop-color="#FFDCC7"/></linearGradient><filter id="iZfI4ng" width="15.705" height="12.527" x="9.486" y="2.817" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".5"/></filter><filter id="iSEWX7d" width="12.531" height="17.719" x="7.531" y="11.517" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".25"/></filter><filter id="iXxuhjb" width="7.872" height="7.872" x="8.005" y="18.392" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".375"/></filter><filter id="iv2MQhb" width="6.128" height="6.128" x="8.691" y="19.078" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".25"/></filter><filter id="ipRcBrc" width="19.085" height="27.796" x="6.708" y="2.075" 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=".5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.854902 0 0 0 0 0.623529 0 0 0 0 0.584314 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_4671"/></filter><filter id="iZLOx3Y" width="12.094" height="12.656" x="14.44" y="1.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".75"/></filter><filter id="iNMmHze" width="13.063" height="23.361" x="6.941" y="6.937" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4671" stdDeviation=".75"/></filter></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. EarLightIcon.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.