<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><linearGradient id="SVG6V5aLbGw" x1="61.631" x2="62.022" y1="563.347" y2="563.347" gradientTransform="matrix(0 149.735 149.735 0 -84296.266 -9188.014)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0994dc"/><stop offset=".35" stop-color="#66cef5"/><stop offset=".35" stop-color="#66cef5"/><stop offset=".846" stop-color="#127bca"/><stop offset=".846" stop-color="#127bca"/><stop offset="1" stop-color="#127bca"/></linearGradient><path fill="url(#SVG6V5aLbGw)" d="M45.288 49.559c4.417 13.507 6.09 37.601 19.006 37.601c.982 0 1.977-.096 2.974-.286c-11.74-2.737-13.132-26.569-20.297-38.912a62 62 0 0 0-1.683 1.597"/><linearGradient id="SVGi37RudGT" x1="61.705" x2="62.095" y1="563.34" y2="563.34" gradientTransform="matrix(0 153.551 153.551 0 -86442.719 -9435.969)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0e76bc"/><stop offset=".36" stop-color="#36aee8"/><stop offset=".36" stop-color="#36aee8"/><stop offset=".846" stop-color="#00adef"/><stop offset=".846" stop-color="#00adef"/><stop offset="1" stop-color="#00adef"/></linearGradient><path fill="url(#SVGi37RudGT)" d="M46.971 47.962c7.165 12.342 8.557 36.174 20.297 38.912a18.6 18.6 0 0 0 2.773-.749C59.502 80.961 56.59 57.819 48.453 46.678q-.739.616-1.482 1.284"/><path fill="#818cf8" d="M57.294 40.623c-.98 0-1.977.096-2.977.286c-2.612.493-5.268 1.618-7.944 3.321c.73.722 1.427 1.547 2.081 2.448c2.723-2.259 5.427-3.928 8.12-4.932a18 18 0 0 1 3.029-.842a9.4 9.4 0 0 0-2.309-.281"/><linearGradient id="SVGXNLTLbeF" x1="67.486" x2="67.876" y1="564.985" y2="564.985" gradientTransform="matrix(0 -122.178 -122.178 0 69099.289 8331.043)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1c63b7"/><stop offset=".5" stop-color="#33bdf2"/><stop offset="1" stop-color="#33bdf2" stop-opacity=".42"/></linearGradient><path fill="url(#SVGXNLTLbeF)" d="M78.268 81.366a47 47 0 0 0 3.24-2.84c-4.488-13.443-6.095-37.883-19.101-37.883c-.93 0-1.868.087-2.804.26C71.45 43.85 72.968 69.625 78.268 81.366"/><path fill="#818cf8" d="M59.604 40.904a9.4 9.4 0 0 0-2.311-.282l5.114.019c-.929 0-1.867.086-2.803.263"/><path fill="#818cf8" d="M78.04 84.221a19 19 0 0 1-1.466-1.584c-2.188 1.549-4.368 2.724-6.533 3.489c.771.376 1.578.656 2.436.829c.664.136 1.353.206 2.075.206c2.431 0 4.353-.288 5.987-1.072c-.9-.488-1.726-1.118-2.499-1.868"/><linearGradient id="SVGh9eLucku" x1="61.852" x2="62.243" y1="563.281" y2="563.281" gradientTransform="matrix(0 159.425 159.425 0 -89733.742 -9828.116)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#166ab8"/><stop offset=".4" stop-color="#36aee8"/><stop offset=".4" stop-color="#36aee8"/><stop offset=".846" stop-color="#0798dd"/><stop offset=".846" stop-color="#0798dd"/><stop offset="1" stop-color="#0798dd"/></linearGradient><path fill="url(#SVGh9eLucku)" d="M56.573 41.748c10.611 5.55 11.534 30.684 20.001 40.889q.85-.6 1.691-1.271c-5.3-11.741-6.815-37.519-18.66-40.463q-1.515.282-3.032.845"/><linearGradient id="SVGDt3ZEcdQ" x1="61.975" x2="62.366" y1="563.367" y2="563.367" gradientTransform="matrix(0 169.528 169.528 0 -95443.742 -10473.372)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#124379"/><stop offset=".39" stop-color="#1487cb"/><stop offset=".39" stop-color="#1487cb"/><stop offset=".78" stop-color="#165197"/><stop offset=".78" stop-color="#165197"/><stop offset="1" stop-color="#165197"/></linearGradient><path fill="url(#SVGDt3ZEcdQ)" d="M48.453 46.678c8.137 11.141 11.049 34.284 21.588 39.448c2.166-.765 4.346-1.939 6.533-3.489c-8.467-10.205-9.39-35.338-20.001-40.889c-2.693 1.002-5.397 2.671-8.12 4.93"/><linearGradient id="SVGcWIYpbMa" x1="1006.454" x2="1008.771" y1="-1412.08" y2="-1412.08" gradientTransform="matrix(4.038 0 0 -4.038 -4028.633 -5649.283)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#33bdf2" stop-opacity=".698"/><stop offset="1" stop-color="#1dacd8"/></linearGradient><path fill="url(#SVGcWIYpbMa)" d="M40.083 49.234c-1.275 2.883-2.578 6.674-4.152 11.621c3.131-4.413 6.253-8.214 9.357-11.295a34 34 0 0 0-1.382-3.606a46 46 0 0 0-3.823 3.28"/><path fill="#818cf8" d="M45.037 45.121c-.374.268-.751.542-1.13.832c.495 1.08.953 2.292 1.38 3.607a67 67 0 0 1 1.684-1.597a22.4 22.4 0 0 0-1.934-2.842"/><path fill="#818cf8" d="M46.373 44.229q-.666.424-1.337.891c.695.855 1.333 1.81 1.936 2.844q.742-.673 1.482-1.287c-.654-.9-1.35-1.726-2.081-2.448"/><linearGradient id="SVGAVaUeeAJ" x1="67.564" x2="67.954" y1="565.48" y2="565.48" gradientTransform="matrix(0 -119.018 -119.018 0 67408.578 8125.832)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#136ab4"/><stop offset=".6" stop-color="#59caf5" stop-opacity=".549"/><stop offset="1" stop-color="#59caf5" stop-opacity=".235"/></linearGradient><path fill="url(#SVGAVaUeeAJ)" d="M118.751 39.594c-6.001 23.144-18.536 41.734-29.044 46.42h-.021l-.567.243l-.069.027l-.161.062l-.072.03l-.263.093l-.108.038l-.131.043l-.126.044l-.112.038l-.224.068l-.096.025l-.151.041l-.103.028l-.165.043l-.201.044c.475.175.97.264 1.503.264c9.965 0 20.013-17.858 36.638-47.556h-6.528z"/><linearGradient id="SVGEG0p2xzs" x1="998.231" x2="1006.826" y1="-1414.829" y2="-1414.829" gradientTransform="matrix(4.038 0 0 -4.038 -4028.633 -5649.283)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#05a1e6" stop-opacity=".247"/><stop offset="1" stop-color="#05a1e6"/></linearGradient><path fill="url(#SVGEG0p2xzs)" d="m33.766 41.563l.019-.016l.023-.015h.013l.161-.062l.032-.016l.042-.017l.173-.062h.009l.383-.134l.057-.015l.164-.049l.075-.024l.165-.049l.063-.017l.548-.142l.075-.017l.16-.031l.078-.024l.161-.03h.038l.333-.062h.066l.154-.027l.087-.015l.147-.022l.081-.016l.358-.032a12 12 0 0 0-1.061-.054c-11.223 0-26.685 20.822-33.649 47.788h1.343a390 390 0 0 0 6.062-11.266c4.879-19.1 14.814-32.126 23.64-35.577"/><path fill="#818cf8" d="M40.083 49.234a47 47 0 0 1 3.823-3.281a18 18 0 0 0-.911-1.761c-1.026 1.246-1.964 2.89-2.912 5.042"/><path fill="#818cf8" d="M41.005 41.72c.733.614 1.39 1.46 1.99 2.473q.282-.347.58-.649a11.3 11.3 0 0 0-2.712-1.897l.12.057z"/><linearGradient id="SVG8ImHMeQx" x1="67.491" x2="67.881" y1="564.359" y2="564.359" gradientTransform="matrix(0 -121.865 -121.865 0 68797.742 8310.488)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#318ed5"/><stop offset="1" stop-color="#38a7e4"/></linearGradient><path fill="url(#SVG8ImHMeQx)" d="M10.127 77.138c10.233-19.719 15.081-32.199 23.64-35.577c-8.825 3.454-18.762 16.479-23.64 35.577"/><path fill="#818cf8" d="M43.574 43.544c-.199.204-.389.417-.58.649c.322.538.621 1.124.913 1.76c.378-.29.756-.563 1.129-.832a15 15 0 0 0-1.462-1.577"/><linearGradient id="SVGXRy3wahn" x1="67.593" x2="67.984" y1="564.41" y2="564.41" gradientTransform="matrix(0 -118.46 -118.46 0 66884.703 8093.017)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#05a1e6"/><stop offset="1" stop-color="#05a1e6" stop-opacity=".549"/></linearGradient><path fill="url(#SVGXRy3wahn)" d="m14.773 88.315l-.186.022h-.035l-.158.016h-.026l-.376.025h-.039c10.356-.29 15.091-5.475 17.44-12.997c1.785-5.701 3.252-10.505 4.537-14.535c-4.338 6.106-8.696 13.384-13.077 21.539c-2.112 3.93-5.325 5.572-8.08 5.922"/><linearGradient id="SVGAir89ZJx" x1="68.291" x2="68.682" y1="564.525" y2="564.525" gradientTransform="matrix(0 -100.1 -100.1 0 56536.551 6924.301)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1959a6"/><stop offset=".5" stop-color="#05a1e6"/><stop offset=".5" stop-color="#05a1e6"/><stop offset=".918" stop-color="#7ec5ea"/><stop offset="1" stop-color="#7ec5ea"/></linearGradient><path fill="url(#SVGAir89ZJx)" d="M14.773 88.311c2.755-.351 5.968-1.991 8.08-5.923c4.381-8.151 8.741-15.431 13.075-21.538c1.577-4.949 2.878-8.737 4.154-11.621c-8.639 8.223-17.311 21.896-25.31 39.077"/><path fill="#818cf8" d="M10.127 77.139a388 388 0 0 1-6.063 11.266h3.904a96 96 0 0 1 2.158-11.264"/><linearGradient id="SVGhhYoeeFS" x1="67.892" x2="68.282" y1="563.82" y2="563.82" gradientTransform="rotate(80 33249.336 35588.234)scale(-110.211 110.211)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#165096"/><stop offset="1" stop-color="#0d82ca"/></linearGradient><path fill="url(#SVGhhYoeeFS)" d="m37.073 40.709l-.083.016l-.146.021l-.086.015l-.154.027l-.066.016l-.333.058h-.038l-.162.032l-.081.022l-.157.031l-.074.018l-.549.142l-.063.018l-.166.049l-.075.021l-.163.049l-.06.016l-.381.134l-.173.06l-.072.03l-.161.06l-.054.026c-8.558 3.377-13.406 15.857-23.639 35.576A95 95 0 0 0 7.979 88.41h.547l3.755-.016h1.723l.375-.025h.024l.158-.016h.037l.186-.022c8-17.182 16.672-30.854 25.31-39.077c.95-2.152 1.887-3.796 2.911-5.04c-.6-1.013-1.256-1.861-1.988-2.476l-.021-.016l-.122-.059l-.121-.061l-.117-.057l-.139-.058l-.108-.047l-.227-.095l-.097-.036l-.169-.068l-.091-.03l-.235-.081h-.019l-.272-.077l-.061-.019l-.229-.064l-.053-.015a8 8 0 0 0-.569-.125l-.059-.016l-.247-.04l-.049-.015l-.292-.039h-.051l-.226-.025l-.358.033"/><linearGradient id="SVGJVGvbebU" x1="70.847" x2="71.237" y1="566.882" y2="566.882" gradientTransform="matrix(0 -56.721 -56.721 0 32252.127 4080.282)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#05a1e6"/><stop offset=".874" stop-color="#0495d6"/><stop offset="1" stop-color="#0495d6"/></linearGradient><path fill="url(#SVGJVGvbebU)" d="M95.311 52.407c-1.97 6.307-3.563 11.51-4.952 15.791c5.403-7.435 10.725-16.787 15.792-27.579c-5.913 1.857-9.065 6.107-10.84 11.788"/><linearGradient id="SVGkMGsibqO" x1="61.634" x2="62.024" y1="562.213" y2="562.213" gradientTransform="rotate(-80 -48509.683 32410.888)scale(-132.813 132.813)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#38a7e4" stop-opacity=".329"/><stop offset=".962" stop-color="#0e88d3"/><stop offset=".962" stop-color="#0e88d3"/><stop offset="1" stop-color="#0e88d3"/></linearGradient><path fill="url(#SVGkMGsibqO)" d="M90.53 85.621c-.275.14-.552.273-.823.394c10.508-4.687 23.044-23.277 29.044-46.421h-1.216c-13.788 24.631-18.222 41.12-27.005 46.027"/><path fill="#818cf8" d="M83.668 83.552c2.287-2.791 4.148-7.535 6.691-15.354c-2.933 4.029-5.885 7.492-8.84 10.316l-.015.025c.645 1.931 1.352 3.636 2.158 5.012"/><path fill="#818cf8" d="M83.668 83.552c-.778.95-1.603 1.673-2.519 2.209q-.3.176-.61.327a8.8 8.8 0 0 0 3.206 1.011l.524.046h.031l.252.016h.855l.097-.016l.189-.016h.092l.205-.022h.017l.063-.015l.219-.034h.064l.246-.041h.04l.491-.104c-1.357-.496-2.492-1.667-3.469-3.334"/><path fill="#818cf8" d="M64.295 87.161c.982 0 1.976-.096 2.973-.288a18 18 0 0 0 2.773-.747c.771.376 1.579.656 2.435.831q.994.204 2.077.205H64.295zm10.258 0c2.429 0 4.353-.288 5.986-1.073a8.8 8.8 0 0 0 3.206 1.012l.524.045h.031l.252.016h.302z"/><path fill="#818cf8" d="M84.854 87.161h.561l.097-.016l.191-.016h.092l.204-.022h.017l.062-.016l.219-.033l.067-.015l.247-.04h.039l.491-.104c.475.175.97.264 1.503.264l-3.788.016z"/><path fill="#818cf8" d="M81.511 78.54v-.016a47 47 0 0 1-3.24 2.84a37 37 0 0 1-1.693 1.271c.476.568.959 1.1 1.468 1.585c.772.749 1.597 1.38 2.498 1.867q.309-.152.609-.327c.918-.536 1.741-1.26 2.52-2.209c-.806-1.376-1.513-3.082-2.157-5.012"/><linearGradient id="SVGRGXwrbdh" x1="61.149" x2="61.539" y1="562.654" y2="562.654" gradientTransform="matrix(0 123.742 123.742 0 -69523.625 -7527.189)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#168cd4"/><stop offset=".5" stop-color="#1c87cc"/><stop offset="1" stop-color="#154b8d"/></linearGradient><path fill="url(#SVGRGXwrbdh)" d="M113.685 39.594h-6.121l-.97.047l-.451.966c-5.068 10.793-10.388 20.145-15.791 27.58c-2.54 7.818-4.404 12.563-6.69 15.353c.977 1.668 2.114 2.84 3.466 3.337l.106-.023h.022l.075-.016l.17-.042l.101-.029l.151-.039l.094-.027l.226-.068l.112-.038l.126-.046l.13-.041l.106-.04l.264-.093l.073-.027l.162-.063l.068-.025l.568-.243h.02c.271-.119.547-.254.821-.394c8.785-4.908 13.22-21.396 27.008-46.026h-3.851z"/><path fill="#818cf8" d="m37.433 40.677l.063.016l.16.017h.054l.292.038l.049.016l.246.041l.062.015l.567.126l.052.016l.228.064l.063.019l.271.077l.021.016l.237.081l.09.029l.17.069l.096.034l.226.094l.11.047l.136.059l.12.057l.119.062c.979.48 1.879 1.121 2.713 1.898q.461-.483.962-.874c-1.823-1.293-3.89-2.03-6.271-2.03c-.276 0-.552.016-.832.037"/><path fill="#818cf8" d="M43.574 43.544c.511.475 1 1.005 1.462 1.577c.448-.311.892-.611 1.337-.891a14 14 0 0 0-1.839-1.56q-.499.39-.96.874"/><g transform="matrix(5.048 0 0 -5.048 -9064.26 2270.61)"><linearGradient id="SVGtOoCXkch" x1="1806.96" x2="1807.35" y1="336.158" y2="336.158" gradientTransform="rotate(-22.527 55933.712 130492.803)scale(30.857 -30.857)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#97d6ee"/><stop offset=".703" stop-color="#55c1ea"/><stop offset="1" stop-color="#55c1ea"/></linearGradient><path fill="url(#SVGtOoCXkch)" d="m1802.977 441.733l.165.007c.472 0 .881-.146 1.242-.402c.381.301.842.406 1.482.406h-3.099z"/></g><g transform="matrix(5.048 0 0 -5.048 -9064.26 2270.61)"><linearGradient id="SVG60rY0duv" x1="1808.848" x2="1809.238" y1="335.171" y2="335.171" gradientTransform="rotate(24.385 3067.923 -103203.757)scale(24.717 -24.717)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7accec"/><stop offset="1" stop-color="#3fb7ed"/></linearGradient><path fill="url(#SVG60rY0duv)" d="M1805.866 441.744c-.64 0-1.1-.105-1.482-.406q.19-.134.364-.309c.531.337 1.056.561 1.574.658q.297.056.589.056h-1.045z"/></g><linearGradient id="SVGfomGwdfx" x1="61.049" x2="61.439" y1="562.706" y2="562.706" gradientTransform="matrix(0 121.032 121.032 0 -68011.711 -7346.748)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1da7e7"/><stop offset="1" stop-color="#37abe7" stop-opacity="0"/></linearGradient><path fill="url(#SVGfomGwdfx)" d="M90.359 68.202c1.391-4.284 2.98-9.485 4.954-15.794c1.777-5.684 4.925-9.934 10.835-11.788l.456-.966c-9.636.577-14.14 5.479-16.405 12.738c-3.964 12.673-6.365 20.888-8.677 26.123c2.952-2.823 5.904-6.288 8.837-10.313"/></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
Overview Dashboard
PROGRESS STEPPER
BUTTON UI ACTIONS
SCALABILITY & CLARITY
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
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 devicon) 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. Dot NetIcon.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.