Icône React Router
thesvg-color:react-router
L'icône React Router (thesvg-color:react-router) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 94 × 61. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 94 × 61
- Mots-clés
- reactrouter
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Icône React Router" width="24" height="24">
Icônes similaires dans theSVG Color
L'icône React Router dans d'autres collections
FAQ : Icône React Router
L'icône React Router est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône React Router dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:react-router" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône React Router à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Icône React Router">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
ICONYZ
