Home/Libraries/Devicons/reactnavigation

Devicons

Reactnavigation

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M62.987.01C51.963.149 41.123 3.84 32.055 10.05C13.9 18.677 1.56 37.985 1.154 58.06c.244 6.244-.427 12.516.603 18.727c2.664 17.792 14.557 33.896 30.889 41.498c16.57 11.683 39.682 12.93 57.45 3.194c4.201-2.634 8.652-4.813 12.794-7.546c16.033-10.878 25.507-30.631 23.747-49.95c1.83-20.218-8.687-40.908-26.077-51.378c-3.468-1.966-6.933-3.901-10.331-5.991C81.905 2.139 72.437-.169 62.987.01m.102 3.854a53 53 0 0 1 9.595.726c-4.104-.218-8.141 1.231-12.197.272c-1.58-.235-3.983-.202-5.057-.305a54.5 54.5 0 0 1 7.659-.693M53.07 8.528c-5.668 2.419-10.88 5.917-15.173 10.345c-5.955 1.46-11.725 4.365-16.508 7.927c3.659-5.566 8.32-10.688 14.058-14.119c5.566-2.413 11.554-3.917 17.623-4.153m21.819 0c6.63.363 13.401 1.845 19.223 5.09a48.8 48.8 0 0 1 12.484 13.223c-4.938-3.815-10.753-6.399-16.678-8.114c-4.267-4.364-9.422-7.803-15.029-10.199m-10.91.748c6.899 1.22 13.486 4.162 19.03 8.44c-6.467-.538-13.113.468-19.035 3.154c-5.919-2.693-12.561-3.688-19.024-3.153c5.54-4.278 12.136-7.221 19.03-8.44zm-16.367 12.14c4.014-.013 8.065.496 11.863 1.829c-4.71 2.733-8.01 7.116-11.837 10.847c-3.011 1.978-6.876 1.755-10.384 3.049c-2.187.673-4.318 1.524-6.339 2.594c1.344-6.49 4.532-12.834 9.25-17.424c2.439-.572 4.949-.8 7.447-.895m31.819 0c2.936.15 6.233.031 8.862 1.254C92.62 27.405 95.868 33.52 97 39.71c-4.398-2.418-9.353-3.406-14.2-4.433c-2.152-.452-4.165-2.66-5.673-4.508c-2.516-2.872-5.468-5.505-8.617-7.532c3.493-1.23 7.229-1.747 10.92-1.82zM33.38 24.4c-3.772 5.335-6.026 11.728-6.884 18.12c-5.234 3.774-9.37 9.004-12.136 14.825c-.903-6.992-.23-14.292 2.328-20.86c4.516-5.26 10.266-9.47 16.691-12.085zm61.198 0c6.49 2.678 12.435 6.922 16.857 12.37a44 44 0 0 1 2.163 20.575c-2.727-5.956-7.183-11.112-12.254-15.064c-.69-6.403-3.112-12.592-6.766-17.88zm-30.617.721c5.44 2.528 9.34 7.265 13.347 11.495c2.832 2.545 5.78 2.572 9.439 3.495c3.865.815 7.621 2.305 10.927 4.481c.504 6.057-1.689 11.751-3.338 17.434c-.929 5.273 2.62 9.985 3.012 15.177c.144 2.066.79 4.548.068 6.407c-4.937 3.404-10.908 4.288-16.58 5.726c-4.972 1.828-7.285 7.178-11.527 10.138c-1.739 1.2-3.618 2.97-5.623 3.279c-5.346-2.543-9.093-7.218-13.078-11.376c-3.91-3.42-9.633-2.763-14.197-4.858c-2.11-.85-4.45-1.762-6.128-3.212c-.505-6.087 1.8-11.788 3.381-17.51c.734-5.195-2.599-9.817-3.072-14.923c-.295-2.085-.4-4.19-.307-6.292c4.839-3.376 10.911-4.506 16.373-5.704c2.313-.6 5.002-2.91 6.737-5.178c2.986-3.458 6.472-6.496 10.566-8.579m-47.074 1.65c-2.294 3.56-3.134 7.877-6.095 10.995c-.804.912-2.47 3.971-2.518 3.813a51.2 51.2 0 0 1 8.613-14.807zm94.183 0c3.75 4.471 6.743 9.72 8.731 15.123c-1.852-3.715-5.153-6.5-6.371-10.524c-.713-1.57-1.474-3.118-2.36-4.598zM10.466 45.713c-.766 6.146-.253 12.445 1.36 18.399c-1.707 5.884-2.07 12.116-1.366 18.185c-2.983-5.923-5.098-12.521-5.19-19.18c.66-6.043 2.371-12.014 5.196-17.404m107.028 0c2.984 5.86 4.978 12.373 5.233 18.96c-.66 6.123-2.36 12.164-5.227 17.624c.7-6.092.344-12.35-1.387-18.254c1.693-5.935 2.114-12.207 1.38-18.33zm-91.062 1.764c-.07 5.319 2.203 10.83 3.425 15.527c.323 3.974-2.168 7.536-2.661 11.443a36.5 36.5 0 0 0-.775 6.102c-4.95-4.39-8.554-10.204-10.545-16.498c1.938-6.341 5.603-12.165 10.556-16.574m75.095 0c4.925 4.46 8.871 10.362 10.49 16.787c-2.01 6.215-5.588 11.955-10.49 16.295c-.001-5.407-2.07-10.429-3.424-15.537c-.398-3.358 1.773-6.718 2.398-10.24c.587-2.386.973-4.843 1.026-7.305M14.365 70.703c2.78 5.872 6.989 11.102 12.249 14.924c.559 6.445 3.268 12.836 6.712 18.006c-6.527-2.77-12.642-7-16.938-12.646c-2.173-6.506-2.967-13.475-2.023-20.284m99.23 0c.88 7.025.285 14.465-2.446 20.994c-4.51 5.202-10.208 9.349-16.582 11.96c3.67-5.349 6.158-11.566 6.78-18.044c5.276-3.807 9.463-9.047 12.248-14.91M8.153 86.148c1.775 3.63 5.066 6.305 6.247 10.216c.69 1.66 1.56 3.233 2.416 4.81c-3.734-4.456-6.633-9.584-8.663-15.026m111.653 0c-2.03 5.443-4.928 10.57-8.663 15.026c1.822-2.757 2.577-6.119 4.434-8.788c1.534-1.992 3.018-4.031 4.23-6.238zm-88.904 2.124c4.676 2.723 10.071 3.4 15.183 4.807c3.568 1.675 5.616 5.905 8.888 8.327a31 31 0 0 0 4.526 3.387c-6.288 2.095-13.256 2.41-19.647.793c-4.432-4.832-7.672-10.869-8.95-17.314m66.156 0c-1.293 6.499-4.556 12.553-9.04 17.414c-6.416 1.42-13.392 1.243-19.53-.912c4.658-2.67 7.926-6.992 11.663-10.705c3.063-2.166 7.573-1.916 11.158-3.379a33.7 33.7 0 0 0 5.749-2.418m-75.743 12.865c4.905 3.785 10.628 6.513 16.63 8.043c4.252 4.465 9.51 7.9 15.154 10.345c-6.728-.452-13.654-1.845-19.508-5.28c-4.827-3.6-9.045-8.017-12.276-13.108m85.33 0c-3.689 5.6-8.37 10.797-14.168 14.224a50.1 50.1 0 0 1-17.617 4.164c5.67-2.437 10.913-5.933 15.205-10.356c5.978-1.535 11.694-4.256 16.58-8.032m-42.677 6.057c5.934 2.622 12.544 3.65 19.008 3.143c-5.633 4.27-12.362 7.48-19.38 8.364c-6.739-1.286-13.197-4.165-18.609-8.364c6.46.498 13.047-.503 18.98-3.143zm.012 15.511c2.824.494 5.69.684 8.553.739a50.2 50.2 0 0 1-17.107 0c2.866-.052 5.726-.249 8.554-.739"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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 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. ReactnavigationIcon.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.

Related Icons in Devicons

Browse all Devicons icons →

apl