react router logo
react-router from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- react-router
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×140
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the react router logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosReactRouter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-react-router {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20140%22%3E%3Cpath%20d%3D%22M78.066%2092.588c12.818%200%2023.209-10.391%2023.209-23.21c0-12.817-10.391-23.208-23.21-23.208c-12.817%200-23.208%2010.39-23.208%2023.209s10.391%2023.209%2023.209%2023.209m-54.857%2046.417c12.818%200%2023.209-10.39%2023.209-23.209c0-12.817-10.391-23.208-23.21-23.208C10.392%2092.588%200%20102.978%200%20115.796s10.39%2023.21%2023.209%2023.21m209.582%200c12.818%200%2023.209-10.39%2023.209-23.209c0-12.817-10.39-23.208-23.209-23.208s-23.209%2010.39-23.209%2023.208s10.391%2023.21%2023.21%2023.21%22%2F%3E%3Cpath%20fill%3D%22%23d0021b%22%20d%3D%22M156.565%2070.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%2043.312%20105%2034.155%20105%2023.24C105%2010.405%20115.578%200%20128.626%200c9.665%200%2017.974%205.707%2021.634%2013.883c5.601%2010.64%201.96%2021.467%208.998%2026.921c8.333%206.458%2019.568%201.729%2032.104%207.848a23.6%2023.6%200%200%201%209.84%208.425A22.86%2022.86%200%200%201%20205%2069.718c0%2010.915-7.65%2020.073-17.964%2022.568c-10.497%203.789-19.019.062-26.541%205.806c-8.46%206.46-3.931%2017.267-10.826%2028.682c-3.913%207.518-11.867%2012.663-21.043%2012.663c-13.048%200-23.626-10.405-23.626-23.24c0-9.323%205.582-17.364%2013.638-21.066c12.536-6.12%2023.77-1.39%2032.104-7.848c4.807-3.726%205.823-9.473%205.823-16.926%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20140%22%3E%3Cpath%20d%3D%22M78.066%2092.588c12.818%200%2023.209-10.391%2023.209-23.21c0-12.817-10.391-23.208-23.21-23.208c-12.817%200-23.208%2010.39-23.208%2023.209s10.391%2023.209%2023.209%2023.209m-54.857%2046.417c12.818%200%2023.209-10.39%2023.209-23.209c0-12.817-10.391-23.208-23.21-23.208C10.392%2092.588%200%20102.978%200%20115.796s10.39%2023.21%2023.209%2023.21m209.582%200c12.818%200%2023.209-10.39%2023.209-23.209c0-12.817-10.39-23.208-23.209-23.208s-23.209%2010.39-23.209%2023.208s10.391%2023.21%2023.21%2023.21%22%2F%3E%3Cpath%20fill%3D%22%23d0021b%22%20d%3D%22M156.565%2070.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%2043.312%20105%2034.155%20105%2023.24C105%2010.405%20115.578%200%20128.626%200c9.665%200%2017.974%205.707%2021.634%2013.883c5.601%2010.64%201.96%2021.467%208.998%2026.921c8.333%206.458%2019.568%201.729%2032.104%207.848a23.6%2023.6%200%200%201%209.84%208.425A22.86%2022.86%200%200%201%20205%2069.718c0%2010.915-7.65%2020.073-17.964%2022.568c-10.497%203.789-19.019.062-26.541%205.806c-8.46%206.46-3.931%2017.267-10.826%2028.682c-3.913%207.518-11.867%2012.663-21.043%2012.663c-13.048%200-23.626-10.405-23.626-23.24c0-9.323%205.582-17.364%2013.638-21.066c12.536-6.12%2023.77-1.39%2032.104-7.848c4.807-3.726%205.823-9.473%205.823-16.926%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/react-router.svg?color=%231a73e8&size=48
