Reactnavigation
The React Navigation icon represents the React Navigation library, a popular tool for managing navigation in React Native applications.
Add shadcn.io to your AI agent. · Pro It installs Reactnavigation, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
1,026 in DeviconMIT license (opens in a new tab)Free to copy and download
Code
Reactnavigation in your framework
In any framework. Customize it above, and the code follows.
export const ReactnavigationIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
<path fill="#7b61c1" 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>
);Devicon
More like it
Icons that share its tags, then the ones next to it in Devicon, in the same style.
Search Devicon
Skip the copy and paste. With Pro, your AI agent finds and installs any Devicon icon from a prompt.
Get ProTags
Browse by tag
Reactnavigation is tagged mobile app development. Related tags follow; each opens its icons from every library.
Pricing
Devicon MCP, with Pro
Ask for Reactnavigation or any of 1,026 Devicon icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Reactnavigation icon means and where it's used, then how to install, style and license it.
Install Reactnavigation from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.