React Router icon
logos:react-router
The React Router icon (logos:react-router) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 140 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 140
- Tags
- reactrouter
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="140" viewBox="0 0 256 140"><path d="M78.066 92.588c12.818 0 23.209-10.391 23.209-23.21c0-12.817-10.391-23.208-23.21-23.208c-12.817 0-23.208 10.39-23.208 23.209s10.391 23.209 23.209 23.209m-54.857 46.417c12.818 0 23.209-10.39 23.209-23.209c0-12.817-10.391-23.208-23.21-23.208C10.392 92.588 0 102.978 0 115.796s10.39 23.21 23.209 23.21m209.582 0c12.818 0 23.209-10.39 23.209-23.209c0-12.817-10.39-23.208-23.209-23.208s-23.209 10.39-23.209 23.208s10.391 23.21 23.21 23.21"/><path fill="#d0021b" d="M156.565 70.357c-.742-7.754-1.12-14.208-7.06-18.744c-7.522-5.744-16.044-2.017-26.54-5.806C112.65 43.312 105 34.155 105 23.24C105 10.405 115.578 0 128.626 0c9.665 0 17.974 5.707 21.634 13.883c5.601 10.64 1.96 21.467 8.998 26.921c8.333 6.458 19.568 1.729 32.104 7.848a23.6 23.6 0 0 1 9.84 8.425A22.86 22.86 0 0 1 205 69.718c0 10.915-7.65 20.073-17.964 22.568c-10.497 3.789-19.019.062-26.541 5.806c-8.46 6.46-3.931 17.267-10.826 28.682c-3.913 7.518-11.867 12.663-21.043 12.663c-13.048 0-23.626-10.405-23.626-23.24c0-9.323 5.582-17.364 13.638-21.066c12.536-6.12 23.77-1.39 32.104-7.848c4.807-3.726 5.823-9.473 5.823-16.926"/></svg>
How to use the React Router icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:react-router" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:react-router" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:react-router" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--react-router]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:react-router"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:react-router"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/react-router.svg" alt="React Router icon" width="24" height="24">
Related icons in SVG Logos
React Router icon in other icon sets
React Router icon FAQ
Is the React Router icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the React Router icon in React?
Install @iconify/react and render <Icon icon="logos:react-router" />, or use “Copy code” on this page to get a standalone React component.
How do I add the React Router icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/react-router.svg" alt="React Router icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
