Reactnavigation icon

devicon:reactnavigation

The Reactnavigation icon (devicon:reactnavigation) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><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>

How to use the Reactnavigation icon

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:reactnavigation" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:reactnavigation" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:reactnavigation" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--reactnavigation]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:reactnavigation"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:reactnavigation"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/reactnavigation.svg" alt="Reactnavigation icon" width="24" height="24">

Reactnavigation icon in other icon sets

Reactnavigation icon FAQ

Is the Reactnavigation icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Reactnavigation icon in React?

Install @iconify/react and render <Icon icon="devicon:reactnavigation" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Reactnavigation icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/reactnavigation.svg" alt="Reactnavigation icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →