reactrouter logo
reactrouter from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- reactrouter
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the reactrouter logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44250" d="M99.04 50.315c-3.646-1.148-5.528-.761-9.351-1.18c-5.91-.645-8.265-2.959-9.264-8.913c-.559-3.324.101-8.191-1.326-11.204c-2.729-5.746-9.115-8.323-15.53-6.852c-5.417 1.244-9.924 6.666-10.174 12.232c-.285 6.355 3.33 11.778 9.537 13.65c2.95.89 6.083 1.338 9.163 1.565c5.649.413 6.083 3.558 7.61 6.147c.964 1.632 1.897 3.24 1.897 8.107s-.939 6.474-1.896 8.106c-1.528 2.583-3.413 4.275-9.062 4.693c-3.08.228-6.22.676-9.162 1.567c-6.208 1.877-9.823 7.293-9.538 13.649c.25 5.566 4.757 10.988 10.174 12.232c6.415 1.476 12.801-1.106 15.53-6.852c1.433-3.013 2.218-6.427 2.777-9.75c1.005-5.955 3.36-8.269 9.264-8.915c3.823-.418 7.78 0 11.363-2.038c3.785-2.77 7.168-6.93 7.168-12.692c0-5.764-3.645-11.806-9.18-13.552"/><path fill="#121212" d="M38.4 77.373c-7.45 0-13.528-6.098-13.528-13.575s6.077-13.574 13.527-13.574s13.528 6.098 13.528 13.574c0 7.47-6.083 13.575-13.528 13.575zM13.48 104.96C6.04 104.942-.018 98.82 0 91.337c.018-7.47 6.119-13.55 13.575-13.526c7.444.018 13.503 6.14 13.48 13.622c-.018 7.464-6.12 13.545-13.575 13.527m100.512 0c-7.462.041-13.586-6.015-13.629-13.473c-.041-7.488 5.994-13.634 13.426-13.676c7.462-.042 13.587 6.014 13.629 13.472c.041 7.482-5.994 13.635-13.426 13.677"/></svg>
React
import type { SVGProps } from "react";
export function DeviconReactrouter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44250" d="M99.04 50.315c-3.646-1.148-5.528-.761-9.351-1.18c-5.91-.645-8.265-2.959-9.264-8.913c-.559-3.324.101-8.191-1.326-11.204c-2.729-5.746-9.115-8.323-15.53-6.852c-5.417 1.244-9.924 6.666-10.174 12.232c-.285 6.355 3.33 11.778 9.537 13.65c2.95.89 6.083 1.338 9.163 1.565c5.649.413 6.083 3.558 7.61 6.147c.964 1.632 1.897 3.24 1.897 8.107s-.939 6.474-1.896 8.106c-1.528 2.583-3.413 4.275-9.062 4.693c-3.08.228-6.22.676-9.162 1.567c-6.208 1.877-9.823 7.293-9.538 13.649c.25 5.566 4.757 10.988 10.174 12.232c6.415 1.476 12.801-1.106 15.53-6.852c1.433-3.013 2.218-6.427 2.777-9.75c1.005-5.955 3.36-8.269 9.264-8.915c3.823-.418 7.78 0 11.363-2.038c3.785-2.77 7.168-6.93 7.168-12.692c0-5.764-3.645-11.806-9.18-13.552"/><path fill="#121212" d="M38.4 77.373c-7.45 0-13.528-6.098-13.528-13.575s6.077-13.574 13.527-13.574s13.528 6.098 13.528 13.574c0 7.47-6.083 13.575-13.528 13.575zM13.48 104.96C6.04 104.942-.018 98.82 0 91.337c.018-7.47 6.119-13.55 13.575-13.526c7.444.018 13.503 6.14 13.48 13.622c-.018 7.464-6.12 13.545-13.575 13.527m100.512 0c-7.462.041-13.586-6.015-13.629-13.473c-.041-7.488 5.994-13.634 13.426-13.676c7.462-.042 13.587 6.014 13.629 13.472c.041 7.482-5.994 13.635-13.426 13.677"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44250" d="M99.04 50.315c-3.646-1.148-5.528-.761-9.351-1.18c-5.91-.645-8.265-2.959-9.264-8.913c-.559-3.324.101-8.191-1.326-11.204c-2.729-5.746-9.115-8.323-15.53-6.852c-5.417 1.244-9.924 6.666-10.174 12.232c-.285 6.355 3.33 11.778 9.537 13.65c2.95.89 6.083 1.338 9.163 1.565c5.649.413 6.083 3.558 7.61 6.147c.964 1.632 1.897 3.24 1.897 8.107s-.939 6.474-1.896 8.106c-1.528 2.583-3.413 4.275-9.062 4.693c-3.08.228-6.22.676-9.162 1.567c-6.208 1.877-9.823 7.293-9.538 13.649c.25 5.566 4.757 10.988 10.174 12.232c6.415 1.476 12.801-1.106 15.53-6.852c1.433-3.013 2.218-6.427 2.777-9.75c1.005-5.955 3.36-8.269 9.264-8.915c3.823-.418 7.78 0 11.363-2.038c3.785-2.77 7.168-6.93 7.168-12.692c0-5.764-3.645-11.806-9.18-13.552"/><path fill="#121212" d="M38.4 77.373c-7.45 0-13.528-6.098-13.528-13.575s6.077-13.574 13.527-13.574s13.528 6.098 13.528 13.574c0 7.47-6.083 13.575-13.528 13.575zM13.48 104.96C6.04 104.942-.018 98.82 0 91.337c.018-7.47 6.119-13.55 13.575-13.526c7.444.018 13.503 6.14 13.48 13.622c-.018 7.464-6.12 13.545-13.575 13.527m100.512 0c-7.462.041-13.586-6.015-13.629-13.473c-.041-7.488 5.994-13.634 13.426-13.676c7.462-.042 13.587 6.014 13.629 13.472c.041 7.482-5.994 13.635-13.426 13.677"/></svg> </template>
CSS
.icon-reactrouter {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44250%22%20d%3D%22M99.04%2050.315c-3.646-1.148-5.528-.761-9.351-1.18c-5.91-.645-8.265-2.959-9.264-8.913c-.559-3.324.101-8.191-1.326-11.204c-2.729-5.746-9.115-8.323-15.53-6.852c-5.417%201.244-9.924%206.666-10.174%2012.232c-.285%206.355%203.33%2011.778%209.537%2013.65c2.95.89%206.083%201.338%209.163%201.565c5.649.413%206.083%203.558%207.61%206.147c.964%201.632%201.897%203.24%201.897%208.107s-.939%206.474-1.896%208.106c-1.528%202.583-3.413%204.275-9.062%204.693c-3.08.228-6.22.676-9.162%201.567c-6.208%201.877-9.823%207.293-9.538%2013.649c.25%205.566%204.757%2010.988%2010.174%2012.232c6.415%201.476%2012.801-1.106%2015.53-6.852c1.433-3.013%202.218-6.427%202.777-9.75c1.005-5.955%203.36-8.269%209.264-8.915c3.823-.418%207.78%200%2011.363-2.038c3.785-2.77%207.168-6.93%207.168-12.692c0-5.764-3.645-11.806-9.18-13.552%22%2F%3E%3Cpath%20fill%3D%22%23121212%22%20d%3D%22M38.4%2077.373c-7.45%200-13.528-6.098-13.528-13.575s6.077-13.574%2013.527-13.574s13.528%206.098%2013.528%2013.574c0%207.47-6.083%2013.575-13.528%2013.575zM13.48%20104.96C6.04%20104.942-.018%2098.82%200%2091.337c.018-7.47%206.119-13.55%2013.575-13.526c7.444.018%2013.503%206.14%2013.48%2013.622c-.018%207.464-6.12%2013.545-13.575%2013.527m100.512%200c-7.462.041-13.586-6.015-13.629-13.473c-.041-7.488%205.994-13.634%2013.426-13.676c7.462-.042%2013.587%206.014%2013.629%2013.472c.041%207.482-5.994%2013.635-13.426%2013.677%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44250%22%20d%3D%22M99.04%2050.315c-3.646-1.148-5.528-.761-9.351-1.18c-5.91-.645-8.265-2.959-9.264-8.913c-.559-3.324.101-8.191-1.326-11.204c-2.729-5.746-9.115-8.323-15.53-6.852c-5.417%201.244-9.924%206.666-10.174%2012.232c-.285%206.355%203.33%2011.778%209.537%2013.65c2.95.89%206.083%201.338%209.163%201.565c5.649.413%206.083%203.558%207.61%206.147c.964%201.632%201.897%203.24%201.897%208.107s-.939%206.474-1.896%208.106c-1.528%202.583-3.413%204.275-9.062%204.693c-3.08.228-6.22.676-9.162%201.567c-6.208%201.877-9.823%207.293-9.538%2013.649c.25%205.566%204.757%2010.988%2010.174%2012.232c6.415%201.476%2012.801-1.106%2015.53-6.852c1.433-3.013%202.218-6.427%202.777-9.75c1.005-5.955%203.36-8.269%209.264-8.915c3.823-.418%207.78%200%2011.363-2.038c3.785-2.77%207.168-6.93%207.168-12.692c0-5.764-3.645-11.806-9.18-13.552%22%2F%3E%3Cpath%20fill%3D%22%23121212%22%20d%3D%22M38.4%2077.373c-7.45%200-13.528-6.098-13.528-13.575s6.077-13.574%2013.527-13.574s13.528%206.098%2013.528%2013.574c0%207.47-6.083%2013.575-13.528%2013.575zM13.48%20104.96C6.04%20104.942-.018%2098.82%200%2091.337c.018-7.47%206.119-13.55%2013.575-13.526c7.444.018%2013.503%206.14%2013.48%2013.622c-.018%207.464-6.12%2013.545-13.575%2013.527m100.512%200c-7.462.041-13.586-6.015-13.629-13.473c-.041-7.488%205.994-13.634%2013.426-13.676c7.462-.042%2013.587%206.014%2013.629%2013.472c.041%207.482-5.994%2013.635-13.426%2013.677%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/reactrouter.svg?color=%231a73e8&size=48
