ICONYZ
Español
Icono Reactnavigation de Devicon

Icono Reactnavigation

devicon:reactnavigation

El icono Reactnavigation (devicon:reactnavigation) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Devicon
Autor
konpa
Licencia
MIT
Tamaño
128 × 128
Descargar SVG

Código SVG

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

Cómo usar el icono Reactnavigation

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>

Imagen HTML

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

El icono Reactnavigation en otras colecciones

Preguntas frecuentes sobre Icono Reactnavigation

¿El icono Reactnavigation es gratis para uso comercial?

Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Reactnavigation en React?

Instala @iconify/react y renderiza <Icon icon="devicon:reactnavigation" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Reactnavigation a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/reactnavigation.svg" alt="Icono Reactnavigation">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Devicon →