<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGqNkI7b2m)" d="M11.78 3.003a9 9 0 1 1 .44 17.996a9 9 0 0 1-.44-17.996"/><path fill="url(#SVGpSl5gegA)" d="M11.779 3.533a8.47 8.47 0 1 1 0 16.941a8.47 8.47 0 0 1 0-16.941"/><path fill="#818cf8" d="m14.442 17.721l.027-.116c.053-.286.18-.832.487-.837c.212-.005.55.318.53.53c-.027.238-.393.407-.53.529c.106.82-.223 1.233-.964 1.212c-.233-.005-.333.08-.333.185c0 .191.17.302.333.302a2.12 2.12 0 0 0 1.403-.571c.376-.25.614-.779.62-1.303c0-.423-.149-.847-.466-1.112c-.344-.29-.816-.275-1.319-.391c-.799-.18-.412-1.192-1.127-1.15c-.265.017-.46.096-.477.33c-.053.698 1.006.645 1.377 1.47c.095.218.106.234.18.43c.1.195.106.36.26.492"/><path fill="#818cf8" d="M16.38 7.746c-.201.466-.482.689-.604 1.255c-.053.588.122.815.318 1.17l.021-.445c-.064-1.323 1.308-1.62 2.24-1.466c.529.09.301.196.492-.021c-.403-.424-.636-.81-1.536-.847c-.02-.79-.275-1.27-.847-1.536c.143.657.408 1.25-.084 1.89"/><path fill="url(#SVGcNCDxFFK)" d="M6.909 6.834c.158-.455.497-1.074.725-1.556c-.402.206-1.414.974-1.567 1.281c-.466.9-.44 1.196-.482 2.314c-.01.412.074.423-.275.582L5.177 8.04c-.513.36-.36-.016-.677.742c-.397.931-.62 1.28-.005 2.075c.243.323.598.307.963.492c.228.519.28 1.101.741 1.557a.3.3 0 0 0 .043-.08l.079-1.006l.127 1.25c.688-.52.381-1.371.73-1.63c.128-.096.038.036.292-.123c.212-.137.153-.19.317-.307c.408-.285.392.133.673-.545l.116-.1l.138-.149c.238-.339.185-.826.026-1.112c-.127.154-.079.223-.153.43c-.01-.403-.117-.742-.545-.964l-.037.757l-.027.37c-.455-.413.037-1.318-.328-1.64c-.228-.287-.127-.287-.159-.393c-.032-.132 0-.105-.053-.285a2 2 0 0 0-.212-.392l-.333.688l.01-.842z"/><path fill="#818cf8" d="M6.485 15.443c.026.408.333.805.651.795c.323-.011.657-.387.937-.53c-.243.466-.222.297-.122.943c.366-.196.64-.255.837-.61c.339-.619.317-.735.407-1.482c-.063-.164.16-.158-.254-.074c-.17.032-.2.096-.28.186c-.366.386 0 .232-.646.349c-.614.117-.762.688-1.096.688c-.116 0-.254-.106-.434-.265"/><path fill="url(#SVGtlzlIcyM)" d="M17.486 10.013c-.031-.424-.1-.646.408-.625c.736.027.937.937.44 1.456c-.572.593-1.33.122-1.96.1c-.867-.031-1.418.265-1.418 1.091c0 .408.556.964.53 1.35c-.022.27-.138.397-.324.397a.33.33 0 0 1-.296-.158c-.159-.292.085-.25.238-.498c-.36-.106-.678-.048-.693.36c-.022.53.37.831.873.847c.424.01 1.244-.228 1.26-.741c.01-.36-.513-.736-.53-1.06c0-.608.297-.809.795-.83c.38-.016.725.243 1.127.222a1.704 1.704 0 0 0 1.615-1.63a1.685 1.685 0 0 0-1.715-1.732a1.297 1.297 0 0 0-1.308 1.27c0 .498.466.901.958.88c.355-.01.641-.265.652-.726c-.143.053-.228.09-.302.101c-.095.01-.175-.01-.35-.074"/><path fill="#818cf8" d="M14.463 15.71c.381.015.492-.155.492-.403c0-.09-.016-.196-.031-.302c.773.042.725.222 1.244.37c.159.053.312.106.492.106a.8.8 0 0 0 .355-.02c.36-.078.678-.286.894-.583c.562-.762-.174-.106.191-.598c.196-.281.36-.286.508-.683a1.058 1.058 0 0 0-.984-1.483c-.472.011-.88.371-.89.847c0 .318.185.63.725.63c.08-.624-.116 0-.18-.439c-.02-.127.186-.196.297-.19c.164.005.26.18.254.412c0 .779-.757 1.276-1.376 1.276c-.932 0-2.462-.672-2.558.45c-.02.27.297.599.567.61"/><path fill="#818cf8" d="M6.343 16.515c-.26-.043-.757-.09-1.112-.133c.228.895.593.768 1.143 1.223c.191.16.424.217.641.223c.381.01.53-.265.535-.747c-.249.106-.514.212-.73.217c-.244 0-.435-.148-.477-.783"/><path fill="#818cf8" d="M18.767 14.543c.635-.794.927-.794.953-1.323c.037-.884-.567-.355-.074-1.679c-.302.106-.456.25-.604.546c-.254.498-.079.519.074.873c.371.88-.815.646-.354 1.589z"/><path fill="url(#SVG9yge3cXq)" d="M15.485 15.974c.043.81 1.324.217 1.906.423c-.084.276-.9.614-.92 1.017c-.022.275.317.518.576.524c.265 0 .556-.111.556-.424c0-.217-.037-.217-.196-.434c.508-.137.71-.36.726-.958c.063-.54.259-.37.296-.879c-.048.117-.35.35-.519.45c-.99.577-1.641 0-2.096.016c-.154.005-.34.09-.329.265"/><path fill="#818cf8" d="M4.854 15.577c.371-.022.302-.075.657.015c.28.064.217.154.476.064c-.185-.302-.047-.276-.312-.503l-1.466-.831c0 .789.29.9.677 1.01c-.111.139-.085.022-.032.244"/><path fill="#818cf8" d="M7.925 7.29c.18-.349.143-.354.254-.73c.116-.423.27-.54.291-1.032c-.688.063-1.006.566-1.022 1.255c.223.222.313.232.477.508"/><path fill="#818cf8" d="m15.66 5.423l-.052-.169c-.186-.206-.567-.561-1.006-.561c-.043.185.196.53.301.757c.276.582.212.074.53.572c.217-.239.212-.25.228-.599"/><path fill="#818cf8" d="M9.471 14.84c-.042.424.72.075.72.646c.186-.158.254-.317.254-.481c0-.286-.248-.556-.518-.556a.45.45 0 0 0-.456.392"/><path fill="url(#SVGo2VSAb1D)" fill-rule="evenodd" d="M10.589 14.369v.053c.423.82.2 1.075-.175 1.493c-.138.153-.297.328-.45.561a3 3 0 0 0-.44 1.551c.022 1.154 1.091 1.906 2.16 1.917c1.218.015 2.055-1.006 2.076-2.134c.016-1.032-.567-1.758-1.663-1.758c-.646 0-1.122.466-.995 1.165c.064.387.307.614.667.609a1.4 1.4 0 0 0 .413-.085l.01-.847c.8 0 .572 1.255-.508 1.24c-1.196 0-1.159-1.584-.72-2.293c.419-.667 1.202-1.043 2.314-1.25l.042-.01c.408-.09.64-.53.556-.958a2.65 2.65 0 0 1-3.282.74zm.063 4.05c-.143.01-.339.159-.254.503c.058.227.71.466.773.047c.032-.238-.28-.56-.519-.55" clip-rule="evenodd"/><path fill="url(#SVGFx7YxctQ)" d="m9.329 11.007l-.138.053c-.27.121-.291.127-.519.476c-.127.196-.175.244-.201.297c-.027.069-.021.148-.053.476l-.302-.466c-.159.154-.28.244-.492.34c0 .163.016.28.026.37c.037.275.037.296-.354.582c-.228.159-.28.249-.35.37a3 3 0 0 1-.212.308l-.174.35l-.328-.144a1.5 1.5 0 0 0-.165-.254a2 2 0 0 1-.264-.424l-.111-.28c-.17-.413-.408-1.006-.636-1.16c-.35-.238-.397-.158-.455-.052c-.037.058-.074.127-.18.153l-.53-.699c-.052.652-.137 1.716.16 2.224c.4.424.878.767 1.408 1.011a1.9 1.9 0 0 0-.636-.778l1.133.715l.238.232c.064.17.096.217.143.276c.032.042.07.095.133.211c.317.075.434-.037.609-.2l.1-.09l.17-.143c.169-.138.301-.25.423-.467l.053-.132c.159-.392.201-.503.837-.598c.211.286.121.36.137.392c.01.026.074.032.37.09c.265.053.657.063.832-.048l-.005-.042a2.64 2.64 0 0 1-.667-2.95"/><path fill="#818cf8" d="M9.544 10.58a2.66 2.66 0 0 1 1.165-.996l-.053-.08l-.196-.042c-.434-.1-1.101-.254-1.17.191z"/><path fill="url(#SVGBKXjwcvq)" d="M13.483 4.888c.572.063.741.248.895.677c.196.508.222.757.212 1.308c.143.026.386-.307.503-.503l.174.18c.212 1.207-.413 1.52-1.154 1.885l-.148.074c-.275-.021-.376.026-.508.095c-.117.053-.254.127-.567.164c.286-.445.477-.778.477-1.112c0-.794-.62-1.185-1.35-1.207c-.44-.016-.789.25-1.08.826a.9.9 0 0 1-.275-.407a.75.75 0 0 0-.202-.329c-.116.88.334 1.536 1.319 1.36c.01-.221-.027-.253-.08-.296s-.11-.095-.159-.36c-.047-.301.355-.529.625-.518c.376.01.667.376.672.847c.016.688-.46.89-.968 1.1l-.334.15l.265.105c.545.217 1.074.434 1.837.09c.053.026.074.111.095.18c0 .026.01.048.016.064l.858-.064l.65-.212a1.4 1.4 0 0 1-.174.535l-.058.127c.212.117.254.254.312.476l.016.054a8 8 0 0 1-.28-.07c-.382-.09-.646-.158-.646.144c0 .29.153.397.312.513c.074.053.154.106.217.185c-.35.17-.333.265-.302.493a1.7 1.7 0 0 1 .032.323l-.265.38a2.646 2.646 0 0 0-2.387-2.779c-.381-.211-.847-.243-1.313-.28c-1.07-.08-2.118-.159-2.023-2.383l.482.599l.106-.027l-.296-.725c0-.519.222-1.101.672-1.43c-.159.038-.376.09-.53.016c.207-.423.509-.566.816-.704l.143-.063c.17-.085.206-.08.228-.096c.026-.01.037-.037.158-.174c.201.053.577.026.937 0c.18-.021.355-.032.503-.037c.36-.01.63.031.874.074c.18.026.344.053.513.053c-.148.174-.339.222-.529.264c-.302.07-.593.138-.672.742c-.053.38.301.767.735.783c.493.01.673-.265.662-.683z"/><path fill="url(#SVGgWR1fYSO)" fill-rule="evenodd" d="M10.7 10.944c-.51 0-1.038.466-1.038 1.021c0 .625.577 1.102 1.159 1.097c.392 0 .741-.287.963-.509c.08.085.525.508 1.06.508c.534 0 1.063-.571 1.053-1.005c-.021-.678-.408-1.112-1.112-1.112c-.392 0-.72.19-1 .455c-.223-.291-.726-.455-1.086-.455m.55 1.059a.53.53 0 1 1-1.06 0a.53.53 0 0 1 1.06 0m1.588.53a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06" clip-rule="evenodd"/><path fill="#818cf8" d="M6.75 16.767a.265.265 0 1 0 0-.53a.265.265 0 0 0 0 .53"/><path fill="#818cf8" d="M8.995 18.17c.148.079.285.158.296.328c.021.402-.328.688-.699.677c-.55 0-1.053-.365-1.048-.894c.005-.99 1.011-1.578 1.906-1.832c-.307.916-.482 1.074-.62 1.196c-.058.053-.116.106-.169.217c.064.154.201.233.334.307m-.657.714a.265.265 0 1 0 0-.53a.265.265 0 0 0 0 .53"/><path fill="#818cf8" d="M12.84 5.465a.344.344 0 1 0 0-.688a.344.344 0 0 0 0 .688"/><defs><linearGradient id="SVGqNkI7b2m" x1="11.779" x2="11.779" y1="3.003" y2="21.003" gradientUnits="userSpaceOnUse"><stop stop-color="#109af9"/><stop offset="1" stop-color="#a211e0"/></linearGradient><linearGradient id="SVGpSl5gegA" x1="12" x2="12" y1="3.001" y2="21" gradientUnits="userSpaceOnUse"><stop offset=".04" stop-color="#a57a70"/><stop offset=".32" stop-color="#350100"/><stop offset="1" stop-color="#02233b"/></linearGradient><linearGradient id="SVGcNCDxFFK" x1="22.968" x2="11.084" y1="11.191" y2="22.629" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#f96c1a"/><stop offset=".47" stop-color="#fff000"/></linearGradient><linearGradient id="SVGtlzlIcyM" x1="3.059" x2="23.444" y1="10.432" y2="10.432" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#72ed00"/><stop offset="1" stop-color="#c9ff00"/></linearGradient><linearGradient id="SVG9yge3cXq" x1="12.261" x2="12.261" y1="3" y2="21.107" gradientUnits="userSpaceOnUse"><stop stop-color="#26f960"/><stop offset="1" stop-color="#4cffff"/></linearGradient><linearGradient id="SVGo2VSAb1D" x1="12.161" x2="12.161" y1="3.181" y2="20.999" gradientUnits="userSpaceOnUse"><stop offset=".54" stop-color="#41feff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGFx7YxctQ" x1="2.228" x2="20.853" y1="8.385" y2="9.446" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#fff500"/><stop offset=".75" stop-color="#efb806"/></linearGradient><linearGradient id="SVGBKXjwcvq" x1="12.001" x2="17.094" y1="3.004" y2="19.565" gradientUnits="userSpaceOnUse"><stop stop-color="#ffff6f"/><stop offset=".33" stop-color="#f5190c"/><stop offset=".65" stop-color="#f3230c"/><stop offset=".96" stop-color="#caf301"/></linearGradient><linearGradient id="SVGgWR1fYSO" x1="3" x2="22.124" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#f3c923"/><stop offset=".48" stop-color="#e4ebe8"/><stop offset="1" stop-color="#4ff631"/></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. MvIcon.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.