<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(#i2igyac)"><path stroke="#818cf8" stroke-width="1.5" d="M18.79 11.516c3.25.515 7.024 2.963 7.156 7.89c.125 4.64-3.172 6.86-5.265 8.172"/></g><path stroke="url(#iax6Ued)" stroke-width="1.5" d="M18.79 11.516c3.25.515 7.024 2.963 7.156 7.89c.125 4.64-3.172 6.86-5.265 8.172"/><g filter="url(#iq2fype)"><path stroke="url(#ilr8Exb)" stroke-width="1.5" d="M19.118 11.516c3.25.515 7.023 2.963 7.156 7.89c.125 4.64-3.172 6.86-5.266 8.172"/></g><g filter="url(#iH0dOgb)"><path fill="url(#iC9ruHb)" d="M11.749 13.089a1.943 1.943 0 0 1 3.165 2.252l-1.3 1.827a1.943 1.943 0 1 1-3.165-2.253z"/><path fill="url(#iPYK3ec)" d="M11.749 13.089a1.943 1.943 0 0 1 3.165 2.252l-1.3 1.827a1.943 1.943 0 1 1-3.165-2.253z"/></g><g filter="url(#iqijHhr)"><path fill="url(#i6i5uwd)" d="M5 17.888a1.275 1.275 0 0 1 1.775-.313L19.96 26.81a1.274 1.274 0 1 1-1.463 2.088L5.313 19.663A1.275 1.275 0 0 1 5 17.888"/></g><g filter="url(#iHObaXJ)"><path fill="url(#iMFgUod)" d="M18.096 4.096a4.24 4.24 0 0 0-3.952 1.756l-3.204 4.504a4.244 4.244 0 1 0 6.916 4.92l3.204-4.503a4.24 4.24 0 0 0 .364-4.309z"/><path fill="url(#ixQLptb)" d="M18.096 4.096a4.24 4.24 0 0 0-3.952 1.756l-3.204 4.504a4.244 4.244 0 1 0 6.916 4.92l3.204-4.503a4.24 4.24 0 0 0 .364-4.309z"/><path fill="url(#iyIE0rd)" d="M18.096 4.096a4.24 4.24 0 0 0-3.952 1.756l-3.204 4.504a4.244 4.244 0 1 0 6.916 4.92l3.204-4.503a4.24 4.24 0 0 0 .364-4.309z"/></g><path fill="url(#igZcY7h)" d="M18.096 4.096a4.24 4.24 0 0 0-3.952 1.756l-3.204 4.504a4.244 4.244 0 1 0 6.916 4.92l3.204-4.503a4.24 4.24 0 0 0 .364-4.309z"/><path fill="url(#im5oC7G)" d="M18.096 4.096a4.24 4.24 0 0 0-3.952 1.756l-3.204 4.504a4.244 4.244 0 1 0 6.916 4.92l3.204-4.503a4.24 4.24 0 0 0 .364-4.309z"/><path fill="url(#iyG2Tjd)" d="M19.078 2.714a1 1 0 0 1 1.395-.235l1.702 1.208a1 1 0 0 1 .235 1.394l-.987 1.388l-3.332-2.367z"/><path fill="url(#ihtVBFZ)" d="M19.078 2.714a1 1 0 0 1 1.395-.235l1.702 1.208a1 1 0 0 1 .235 1.394l-.987 1.388l-3.332-2.367z"/><path fill="url(#ijYjTpb)" d="M19.078 2.714a1 1 0 0 1 1.395-.235l1.702 1.208a1 1 0 0 1 .235 1.394l-.987 1.388l-3.332-2.367z"/><g filter="url(#i3mvwSd)"><path fill="url(#ifIHoJh)" d="M2.134 28.516a3 3 0 0 1 3-3h21.812a3 3 0 0 1 3 3v.05a1.2 1.2 0 0 1-1.2 1.2H3.334a1.2 1.2 0 0 1-1.2-1.2z"/></g><path fill="url(#icMqSMe)" d="M10.502 11.13q.174-.403.438-.774l.805-1.133l6.916 4.922l-.805 1.132a4.3 4.3 0 0 1-.588.667z"/><path fill="url(#iCGlB2k)" d="M10.502 11.13q.174-.403.438-.774l.805-1.133l6.916 4.922l-.805 1.132a4.3 4.3 0 0 1-.588.667z"/><path fill="url(#iBvhzLc)" d="M10.502 11.13q.174-.403.438-.774l.805-1.133l6.916 4.922l-.805 1.132a4.3 4.3 0 0 1-.588.667z"/><defs><linearGradient id="iC9ruHb" x1="10.365" x2="13.051" y1="15.536" y2="17.666" gradientUnits="userSpaceOnUse"><stop stop-color="#6C6C73"/><stop offset="1" stop-color="#444060"/></linearGradient><linearGradient id="i6i5uwd" x1="5.228" x2="18.227" y1="18.625" y2="27.5" gradientUnits="userSpaceOnUse"><stop stop-color="#43B6FF"/><stop offset="1" stop-color="#4184D5"/></linearGradient><linearGradient id="iMFgUod" x1="19.54" x2="14.009" y1="5.219" y2="12.688" gradientUnits="userSpaceOnUse"><stop stop-color="#C4C2C7"/><stop offset="1" stop-color="#B3ABBD"/></linearGradient><linearGradient id="igZcY7h" x1="19.758" x2="19.193" y1="4.867" y2="5.771" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C3C7"/><stop offset="1" stop-color="#C5C3C7" stop-opacity="0"/></linearGradient><linearGradient id="iyG2Tjd" x1="19.645" x2="22.243" y1="3.568" y2="5.206" gradientUnits="userSpaceOnUse"><stop stop-color="#6E6B71"/><stop offset="1" stop-color="#61596A"/></linearGradient><linearGradient id="ihtVBFZ" x1="18.634" x2="19.54" y1="3.5" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#585758"/><stop offset="1" stop-color="#585758" stop-opacity="0"/></linearGradient><linearGradient id="ifIHoJh" x1="3.728" x2="29.29" y1="29.188" y2="29.188" gradientUnits="userSpaceOnUse"><stop stop-color="#9A8DA8"/><stop offset="1" stop-color="#9688A5"/></linearGradient><linearGradient id="icMqSMe" x1="12.133" x2="17.245" y1="10.995" y2="14.638" gradientUnits="userSpaceOnUse"><stop stop-color="#E5DCEF"/><stop offset="1" stop-color="#F7E0FF"/></linearGradient><linearGradient id="iCGlB2k" x1="18.177" x2="15.437" y1="15.626" y2="13.565" gradientUnits="userSpaceOnUse"><stop offset=".088" stop-color="#B5A1CB"/><stop offset="1" stop-color="#DFC9F7" stop-opacity="0"/></linearGradient><linearGradient id="iBvhzLc" x1="10.891" x2="11.936" y1="10.261" y2="11.052" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B5B7"/><stop offset="1" stop-color="#B6B5B7" stop-opacity="0"/></linearGradient><radialGradient id="iax6Ued" cx="0" cy="0" r="1" gradientTransform="matrix(2.91552 -3.47241 6.05948 5.08768 19.865 15.176)" gradientUnits="userSpaceOnUse"><stop offset=".339" stop-color="#765398"/><stop offset="1" stop-color="#A892C0" stop-opacity="0"/></radialGradient><radialGradient id="ilr8Exb" cx="0" cy="0" r="1" gradientTransform="matrix(-11.1052 2.2275 -2.88252 -14.37076 27.563 16.552)" gradientUnits="userSpaceOnUse"><stop stop-color="#D5CDDD"/><stop offset="1" stop-color="#D5CDDD" stop-opacity="0"/></radialGradient><radialGradient id="iPYK3ec" cx="0" cy="0" r="1" gradientTransform="rotate(127.117 2.23 11.104)scale(1.52001 1.49024)" gradientUnits="userSpaceOnUse"><stop stop-color="#554170"/><stop offset="1" stop-color="#554170" stop-opacity="0"/></radialGradient><radialGradient id="ixQLptb" cx="0" cy="0" r="1" gradientTransform="matrix(.9375 -4.68572 3.93023 .78634 14.54 15.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#B699D4"/><stop offset="1" stop-color="#B699D4" stop-opacity="0"/></radialGradient><radialGradient id="iyIE0rd" cx="0" cy="0" r="1" gradientTransform="rotate(130.374 8.188 8.432)scale(3.81715 4.39177)" gradientUnits="userSpaceOnUse"><stop offset=".111" stop-color="#DED8E5"/><stop offset="1" stop-color="#C4C1C7" stop-opacity="0"/></radialGradient><radialGradient id="im5oC7G" cx="0" cy="0" r="1" gradientTransform="matrix(-.08472 -1.88639 4.57273 -.20536 15.24 17.06)" gradientUnits="userSpaceOnUse"><stop offset=".083" stop-color="#8167AE"/><stop offset="1" stop-color="#B29DC8" stop-opacity="0"/></radialGradient><radialGradient id="ijYjTpb" cx="0" cy="0" r="1" gradientTransform="rotate(126.573 9.76 7.271)scale(.60313 1.72845)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C8990"/><stop offset="1" stop-color="#8C8990" stop-opacity="0"/></radialGradient><filter id="i2igyac" width="8.895" height="19.065" x="18.555" y="10.034" 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 dy=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.545098 0 0 0 0 0.541176 0 0 0 0 0.572549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25115"/></filter><filter id="iq2fype" width="9.094" height="18.251" x="18.309" y="10.395" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_25115" stdDeviation=".375"/></filter><filter id="iH0dOgb" width="5.186" height="5.713" x="10.089" y="12.272" 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/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.243137 0 0 0 0 0.415686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25115"/></filter><filter id="iqijHhr" width="15.833" height="11.884" x="4.719" y="17.294" 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=".05" dy="-.05"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.396078 0 0 0 0 0.721569 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25115"/><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="-.05" dy=".05"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.290196 0 0 0 0 0.741176 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_25115" result="effect2_innerShadow_18_25115"/></filter><filter id="iHObaXJ" width="12.394" height="13.243" x="9.953" y="4.068" 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" dy=".25"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.545098 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25115"/><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=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.682353 0 0 0 0 0.639216 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_25115" result="effect2_innerShadow_18_25115"/></filter><filter id="i3mvwSd" width="28.962" height="5.4" x="1.484" y="25.016" 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="-.65" dy=".8"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.627451 0 0 0 0 0.596078 0 0 0 0 0.662745 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25115"/><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" dy=".5"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.494118 0 0 0 0 0.501961 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_25115" result="effect2_innerShadow_18_25115"/><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 dy="-.5"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.47451 0 0 0 0 0.286275 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_25115" result="effect3_innerShadow_18_25115"/></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. MicroscopeIcon.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.