<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M16.024 12.613c.042.053.026.138-.032.18a2.435 2.435 0 0 0-.815 2.833c.116.254.333.47.609.645s.592.302.889.382c.222.058.45.095.688.121l.159.021c1.546.175 3.224.715 3.478 2.462v.021a.13.13 0 0 1-.111.128a.133.133 0 0 1-.154-.107c-.233-1.625-1.815-2.08-3.234-2.244l-.175-.021a5 5 0 0 1-.72-.127a3.5 3.5 0 0 1-.963-.419a1.84 1.84 0 0 1-.705-.756a2.7 2.7 0 0 1 .9-3.145a.13.13 0 0 1 .18.026zm.238-3.298a.133.133 0 0 1 .159.096c.192.944.201 1.916.026 2.864a.13.13 0 0 1-.123.1a.13.13 0 0 1-.13-.09a1.27 1.27 0 0 0-1.138-.773c-.562-.032-1.293.239-1.954.53l-.567.264l-.307.149l-.333.143a1 1 0 0 1-.255.063a.8.8 0 0 1-.36-.116a3 3 0 0 1-.37-.265a7 7 0 0 1-.54-.53a.77.77 0 0 1-.604.106a1.4 1.4 0 0 1-.635-.386a1.9 1.9 0 0 1-.423-.646a.95.95 0 0 1-.027-.688a.13.13 0 0 1 .175-.074c.063.026.1.106.069.17c-.053.132-.043.306.031.502c.075.19.202.392.36.55c.16.16.34.27.514.313a.49.49 0 0 0 .466-.122a.13.13 0 0 1 .097-.035a.13.13 0 0 1 .093.046c.138.159.371.397.599.593c.116.095.227.18.328.238q.16.087.217.08a.5.5 0 0 0 .17-.048c.09-.032.19-.074.317-.133l.296-.143l.583-.264c.656-.297 1.44-.593 2.075-.561a1.54 1.54 0 0 1 1.186.619c.101-.8.07-1.61-.096-2.398a.13.13 0 0 1 .018-.1a.13.13 0 0 1 .083-.059z"/><path fill="#818cf8" d="M14.123 13.037a.13.13 0 0 1 .042.18a4.1 4.1 0 0 0-.455 3.229a3 3 0 0 0 2.462 2.176a.13.13 0 0 1 .087.053a.13.13 0 0 1 .024.1a.13.13 0 0 1-.054.088a.13.13 0 0 1-.1.023a3.26 3.26 0 0 1-2.673-2.36a4.34 4.34 0 0 1 .487-3.442a.133.133 0 0 1 .18-.047m-4.039-.456a.13.13 0 0 1 .18.043c.572.9.778 1.715.683 2.419a2.56 2.56 0 0 1-.805 1.609a4 4 0 0 1-1.614.82c-.44.143-.916.228-1.377.297c-.815.122-1.72.053-2.403.577c-.291.212-.508.519-.625.963a.133.133 0 0 1-.161.098a.134.134 0 0 1-.098-.161c.132-.503.386-.858.72-1.112c.725-.55 1.667-.492 2.525-.624c.46-.07.92-.149 1.34-.286a3.8 3.8 0 0 0 1.513-.768c.408-.38.664-.896.72-1.45c.085-.625-.09-1.377-.64-2.24a.13.13 0 0 1 .042-.18zm4.786-2.679a1.14 1.14 0 0 0-.493.27a.13.13 0 0 1-.185 0a.13.13 0 0 1 0-.186c.132-.127.35-.28.62-.338a1.03 1.03 0 0 1 .91.227a.13.13 0 0 1 .016.185a.13.13 0 0 1-.186.016a.78.78 0 0 0-.683-.174m-4.352-.376a.14.14 0 0 1 .19.01l1.356 1.435a.13.13 0 0 1 0 .185a.14.14 0 0 1-.191 0l-1.355-1.445a.133.133 0 0 1 0-.185m3.95-4.176c-.825 0-1.593.052-2.054.18c-.286.079-.508.237-.598.476c-.09.227-.09.56.17 1.027a1.41 1.41 0 0 0 1.233.746h.005c.44 0 .832-.132 1.17-.275l.207-.085q.137-.065.264-.106c.133-.058.27-.106.397-.106c.133 0 .281.043.424.096l.402.17l.053.02c.318.143.625.276.9.286a.7.7 0 0 0 .387-.106c.106-.08.17-.18.174-.28c.032-.62-.391-1.218-.968-1.573c-.61-.37-1.414-.47-2.166-.47m-2.122-.07c.492-.137 1.297-.19 2.122-.19c.768 0 1.63.095 2.309.508c.624.387 1.127 1.064 1.09 1.805a.6.6 0 0 1-.291.477a.86.86 0 0 1-.545.159a3 3 0 0 1-1.001-.302l-.048-.021a4 4 0 0 0-.386-.165a1 1 0 0 0-.334-.079a.9.9 0 0 0-.306.08l-.244.105l-.212.09c-.35.143-.778.292-1.27.297c-.328.016-1.06-.138-1.477-.884c-.281-.514-.313-.932-.186-1.255c.138-.339.44-.53.773-.625z"/><path fill="#818cf8" d="M11.35 6.202c.047.053.036.137-.016.185c-.16.138-.466.588-.281 1.239c.016.053 0 .095-.032.132L9.19 9.537l.09.016a1.1 1.1 0 0 1 .397.174l1.71-1.434a.133.133 0 0 1 .185.016c.476.582 1.207.688 1.916.518c.365-.084.636-.211.884-.323l.037-.015c.25-.122.493-.228.768-.228c.08 0 .164.026.244.063s.169.085.254.143c.174.112.354.26.502.392a.32.32 0 0 0 .196.085a.5.5 0 0 0 .254-.085a1.4 1.4 0 0 0 .212-.17q.314-.292.593-.619l.027-.026c.052-.053.132-.064.19-.016a.14.14 0 0 1 .01.185l-.031.032q-.296.328-.614.635c-.09.085-.185.164-.254.212a.8.8 0 0 1-.387.111a.55.55 0 0 1-.37-.148a4.4 4.4 0 0 0-.688-.492a.4.4 0 0 0-.138-.043a1.6 1.6 0 0 0-.694.223c-.248.11-.545.254-.937.344c-.72.164-1.524.09-2.09-.514l-1.695 1.43a.13.13 0 0 1-.18-.011a.7.7 0 0 0-.36-.18a1 1 0 0 0-.328-.021a.132.132 0 0 1-.144-.155a.13.13 0 0 1 .038-.073l1.99-1.943a1.46 1.46 0 0 1 .382-1.429c.053-.053.143-.042.19.01m-1.005.566a.13.13 0 0 1-.021.186c-.847.677-1.059 1.376-1.096 1.757a.13.13 0 0 1-.148.117a.13.13 0 0 1-.117-.143c.043-.445.292-1.212 1.197-1.932a.133.133 0 0 1 .185.015"/><path fill="#818cf8" d="M8.834 5.658c1.006-.837 2.483-1.255 4.32-.99a.132.132 0 1 1-.037.26c-1.779-.255-3.176.147-4.108.931a3.89 3.89 0 0 0-1.355 3.25c.032.678.201 1.43.598 2.155c.231.382.509.734.826 1.048c.27.297.556.604.768.943c.487.756.55 1.778-.053 2.514c-.55.667-1.371.879-2.213.995l-.725.085l-.551.064c-.424.052-.826.121-1.196.248A2.91 2.91 0 0 0 3.26 19.3a.132.132 0 0 1-.26-.048a3.18 3.18 0 0 1 2.023-2.34c.392-.132.82-.206 1.244-.264l.572-.058l.704-.085c.836-.116 1.561-.318 2.043-.9c.519-.635.477-1.525.037-2.213a7 7 0 0 0-.74-.91l-.064-.064a5.7 5.7 0 0 1-.795-1.027A5.2 5.2 0 0 1 7.39 9.12a4.15 4.15 0 0 1 1.445-3.462"/><path fill="#818cf8" d="M10.888 5.476a.135.135 0 0 1-.074.175c-2.34.995-2.69 2.843-2.62 3.706a.133.133 0 0 1-.122.137a.13.13 0 0 1-.143-.116c-.074-.953.318-2.917 2.78-3.97c.068-.027.148 0 .174.068zm1.694.641a.46.46 0 0 1 .174-.222l.122-.074c.021-.01.037-.037.027-.053l-.032-.095a.05.05 0 0 1 .037-.058l.212-.059c.02-.01.053 0 .053.027l.037.106c.01.016.031.031.053.026l.158.005c.097.01.19.043.27.096h.011q.093.069.143.174c.01.022 0 .053-.032.053l-.254.074a.06.06 0 0 1-.063-.026a.2.2 0 0 0-.112-.08a.44.44 0 0 0-.37.069a.2.2 0 0 0-.074.08a.13.13 0 0 0 0 .095a.12.12 0 0 0 .042.069a.2.2 0 0 0 .08.032c.026.01.063.016.1.016h.111l.17-.011q.102-.007.206 0l.021.005q.105.014.19.053a.4.4 0 0 1 .25.254a.35.35 0 0 1 0 .254a.5.5 0 0 1-.175.217a.6.6 0 0 1-.159.085c-.016.01-.032.037-.021.058l.037.117a.042.042 0 0 1-.032.058l-.212.058c-.026.01-.052 0-.063-.026l-.042-.127c-.006-.027-.027-.037-.053-.037a1 1 0 0 1-.175 0a.6.6 0 0 1-.318-.117h-.005a.5.5 0 0 1-.138-.185c-.015-.026 0-.053.032-.058l.254-.069c.027-.005.053.005.064.026a.3.3 0 0 0 .074.075a.3.3 0 0 0 .143.047a.56.56 0 0 0 .333-.085a.23.23 0 0 0 .085-.095a.14.14 0 0 0 0-.106a.13.13 0 0 0-.063-.074a.3.3 0 0 0-.117-.032h-.376a1.2 1.2 0 0 1-.227-.005a.7.7 0 0 1-.165-.042a.37.37 0 0 1-.217-.233a.36.36 0 0 1 0-.265zm3.616-.005h.005a.4.4 0 0 1 .196.01q.03.018.053.043l.02.021c.011.016.027.032.048.032h.011l.201-.037c.027 0 .048-.026.037-.053a.35.35 0 0 0-.106-.138a.4.4 0 0 0-.074-.053a.6.6 0 0 0-.264-.063a.05.05 0 0 1-.053-.027v-.01l-.016-.069v-.01a.05.05 0 0 0-.058-.027l-.16.032c-.026 0-.047.026-.042.053l.016.063v.016a.05.05 0 0 1-.032.037l-.015.01a.6.6 0 0 0-.138.08a.4.4 0 0 0-.111.127a.3.3 0 0 0-.021.212a.3.3 0 0 0 .158.206a.6.6 0 0 0 .16.053q.078.015.158.016l.164.01q.072.002.143.011c.026.006.053.011.069.022q.023.01.042.026a.1.1 0 0 1 .032.053c.01.032 0 .064-.01.09l-.016.021a.2.2 0 0 1-.064.048a.4.4 0 0 1-.127.042a.5.5 0 0 1-.148 0a.3.3 0 0 1-.117-.042a.2.2 0 0 1-.053-.058a.06.06 0 0 0-.047-.032h-.011l-.201.032c-.027.005-.048.031-.037.053a.4.4 0 0 0 .138.19l.01.005l.069.037q.1.048.212.053h.058a.05.05 0 0 1 .053.027v.01l.02.096v.005a.054.054 0 0 0 .06.027l.158-.027c.032-.005.048-.032.042-.053l-.02-.085v-.015a.05.05 0 0 1 .036-.043c.005 0 .016 0 .027-.01a1 1 0 0 0 .106-.053a.4.4 0 0 0 .153-.16a.31.31 0 0 0-.047-.343a.4.4 0 0 0-.154-.106a.6.6 0 0 0-.143-.042h-.042c-.037-.011-.08-.011-.117-.011l-.137-.005l-.09-.006h-.006l-.08-.02a.2.2 0 0 1-.063-.038a.11.11 0 0 1-.02-.132v-.006a.16.16 0 0 1 .068-.052a.3.3 0 0 1 .117-.043m-4.474 9.009c.074 0 .138.053.138.127c.01.36-.085.9-.466 1.445c-.386.546-1.059 1.086-2.192 1.461a7.4 7.4 0 0 1-1.127.233c-.715.101-1.514-.01-2.16.345c-.26.142-.423.322-.498.582a.133.133 0 0 1-.158.08a.13.13 0 0 1-.096-.149c.09-.344.318-.582.62-.741c.683-.37 1.508-.275 2.255-.376a6.4 6.4 0 0 0 1.08-.222c1.09-.36 1.71-.874 2.059-1.366s.424-.974.418-1.281c0-.075.053-.133.127-.138"/><path fill="#818cf8" d="M14.256 12.416a10 10 0 0 0-1.377.508c-.513.239-.497.535-.476.604c.169.481.481 1.694.365 2.662c-.064.498-.318.985-.609 1.35a4 4 0 0 1-.831.794a.13.13 0 0 1-.149 0a.13.13 0 0 1-.054-.134a.13.13 0 0 1 .055-.082c.196-.138.503-.398.773-.742c.264-.344.497-.783.55-1.217a6.6 6.6 0 0 0-.35-2.546c-.079-.228.011-.646.615-.927c.355-.17.916-.381 1.413-.524c.25-.069.493-.127.689-.148c.09-.01.18-.016.259-.01a.35.35 0 0 1 .217.084a.3.3 0 0 1 .069.233a1 1 0 0 1-.074.238a5 5 0 0 1-.302.556l-.138.233l-.222.37c-.111.196-.201.36-.233.477c-.074.249-.106.71-.032 1.217c.075.498.254 1.022.577 1.398a.133.133 0 0 1-.2.175a3.07 3.07 0 0 1-.636-1.536c-.08-.529-.053-1.037.037-1.323c.042-.154.143-.344.254-.535l.233-.386l.132-.223a4 4 0 0 0 .286-.529a.7.7 0 0 0 .053-.18a1 1 0 0 0-.254 0a4.4 4.4 0 0 0-.635.143zm.905 4.706c.047-.053.127-.069.185-.02c.233.18.783.513 1.392.666q.474.098.958.111c.318.021.641.048.938.106c.74.164 1.143.46 1.143 1.287a.132.132 0 0 1-.265 0c0-.704-.317-.89-.937-1.027c-.275-.059-.582-.08-.9-.106h-.037c-.323-.021-.667-.043-.963-.117a4.4 4.4 0 0 1-1.498-.714a.13.13 0 0 1-.021-.186zm-5.421-6.85a.9.9 0 0 1 .212.212a.13.13 0 0 1-.037.18a.133.133 0 0 1-.186-.032a.5.5 0 0 0-.137-.143a.2.2 0 0 0-.053-.026c-.006.005-.01.02-.006.053a.5.5 0 0 0 .064.195c.085.149.217.276.36.297c.016 0 .042 0 .09-.058c.037-.053.069-.106.106-.18l.031-.064c.054-.106.138-.185.255-.196a.4.4 0 0 1 .264.09c.064.053.127.122.18.18l.053.064l.085.09l.63.688c.026.032.116.074.212.01l.01-.005a17 17 0 0 1 2.605-1.059c.222-.063.519-.121.805-.095c.29.027.582.148.772.45a.125.125 0 0 1-.042.18a.133.133 0 0 1-.18-.042c-.132-.212-.339-.302-.577-.328a2 2 0 0 0-.71.09c-.793.217-1.937.725-2.54 1.032a.445.445 0 0 1-.546-.043l-.635-.693a3 3 0 0 1-.143-.164c-.053-.058-.095-.106-.143-.143c-.053-.042-.074-.042-.074-.042l-.01.005l-.064.106c-.037.069-.085.159-.138.227c-.069.085-.18.186-.338.16c-.255-.043-.445-.244-.551-.435a.8.8 0 0 1-.095-.296c-.006-.09.005-.212.1-.28c.138-.107.286-.043.37.015"/></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. GzoneIcon.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.