<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 @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. DotNetIcon.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.