Ícone React Router
thesvg-color:react-router
O ícone React Router (thesvg-color:react-router) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 94 × 61. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 94 × 61
- Tags
- reactrouter
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="94" height="61" viewBox="0 0 94 61"><g fill="none"><path fill="#f44250" d="M72.732 20.936c-2.677-.842-4.06-.558-6.867-.865c-4.34-.473-6.07-2.17-6.803-6.535c-.41-2.437.074-6.006-.974-8.215C56.084 1.11 51.394-.78 46.683.298c-3.978.912-7.288 4.887-7.471 8.968c-.21 4.66 2.445 8.635 7.004 10.007c2.165.653 4.466.982 6.728 1.148c4.148.303 4.467 2.609 5.59 4.507c.707 1.196 1.392 2.375 1.392 5.943s-.69 4.747-1.393 5.944c-1.122 1.894-2.506 3.134-6.654 3.44c-2.262.167-4.567.496-6.729 1.15c-4.558 1.376-7.213 5.347-7.004 10.006c.184 4.081 3.493 8.057 7.471 8.968c4.712 1.083 9.402-.81 11.406-5.023c1.052-2.209 1.628-4.712 2.039-7.149c.738-4.366 2.467-6.062 6.803-6.535c2.808-.307 5.713 0 8.344-1.495c2.78-2.031 5.264-5.08 5.264-9.306s-2.676-8.655-6.742-9.935"/><path fill="#121212" d="M28.2 40.774c-5.471 0-9.934-4.471-9.934-9.953s4.463-9.952 9.934-9.952s9.934 4.47 9.934 9.952c0 5.477-4.468 9.953-9.934 9.953M9.899 61C4.437 60.987-.013 56.498 0 51.012c.013-5.477 4.494-9.935 9.97-9.917c5.466.013 9.916 4.502 9.898 9.988c-.013 5.472-4.493 9.93-9.969 9.917m73.815 0c-5.48.03-9.978-4.41-10.009-9.878c-.03-5.49 4.402-9.996 9.86-10.027c5.48-.03 9.977 4.41 10.008 9.878c.03 5.485-4.401 9.996-9.86 10.027"/></g></svg>
Como usar o ícone React Router
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:react-router" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:react-router" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:react-router" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--react-router]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:react-router"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:react-router"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Ícone React Router" width="24" height="24">
Ícones relacionados em theSVG Color
O ícone React Router em outras coleções
Perguntas frequentes sobre Ícone React Router
O ícone React Router é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone React Router no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:react-router" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone React Router a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Ícone React Router">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
