reactrouter logo
reactrouter from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- reactrouter
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M12.118 5.466a2.3 2.3 0 0 0-.623.08c-.278.067-.702.332-.953.583c-.41.423-.49.609-.662 1.469c-.08.423.41 1.43.847 1.734c.45.317 1.085.502 2.065.608c1.429.16 1.84.636 1.84 2.197c0 1.377-.385 1.747-1.96 1.906c-1.707.172-2.58.834-2.765 2.117c-.106.781.41 1.76 1.125 2.091c1.627.768 3.15-.198 3.467-2.196c.211-1.284.622-1.642 1.998-1.747c1.588-.133 2.409-.675 2.713-1.787c.278-1.02-.304-2.157-1.297-2.554c-.264-.106-.873-.238-1.35-.291c-1.495-.16-1.879-.424-2.038-1.39c-.225-1.337-.317-1.562-.794-2.09a2.17 2.17 0 0 0-1.613-.73m-4.785 4.36a2.2 2.2 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295c1.178 1.774 3.944.953 3.97-1.177c.012-1.193-.98-2.143-2.123-2.166M2.089 14.19a2.2 2.2 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182c.53.145.582.145 1.111.013c1.191-.318 1.866-1.456 1.549-2.607c-.278-1.02-1.144-1.664-2.127-1.64m19.824.008c-.233.002-.477.058-.784.162c-1.39.477-1.866 2.092-.98 3.336c.557.794 1.96 1.058 2.82.516c1.416-.874 1.363-3.057-.093-3.746c-.38-.186-.663-.271-.963-.268"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsReactrouter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.118 5.466a2.3 2.3 0 0 0-.623.08c-.278.067-.702.332-.953.583c-.41.423-.49.609-.662 1.469c-.08.423.41 1.43.847 1.734c.45.317 1.085.502 2.065.608c1.429.16 1.84.636 1.84 2.197c0 1.377-.385 1.747-1.96 1.906c-1.707.172-2.58.834-2.765 2.117c-.106.781.41 1.76 1.125 2.091c1.627.768 3.15-.198 3.467-2.196c.211-1.284.622-1.642 1.998-1.747c1.588-.133 2.409-.675 2.713-1.787c.278-1.02-.304-2.157-1.297-2.554c-.264-.106-.873-.238-1.35-.291c-1.495-.16-1.879-.424-2.038-1.39c-.225-1.337-.317-1.562-.794-2.09a2.17 2.17 0 0 0-1.613-.73m-4.785 4.36a2.2 2.2 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295c1.178 1.774 3.944.953 3.97-1.177c.012-1.193-.98-2.143-2.123-2.166M2.089 14.19a2.2 2.2 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182c.53.145.582.145 1.111.013c1.191-.318 1.866-1.456 1.549-2.607c-.278-1.02-1.144-1.664-2.127-1.64m19.824.008c-.233.002-.477.058-.784.162c-1.39.477-1.866 2.092-.98 3.336c.557.794 1.96 1.058 2.82.516c1.416-.874 1.363-3.057-.093-3.746c-.38-.186-.663-.271-.963-.268"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.118 5.466a2.3 2.3 0 0 0-.623.08c-.278.067-.702.332-.953.583c-.41.423-.49.609-.662 1.469c-.08.423.41 1.43.847 1.734c.45.317 1.085.502 2.065.608c1.429.16 1.84.636 1.84 2.197c0 1.377-.385 1.747-1.96 1.906c-1.707.172-2.58.834-2.765 2.117c-.106.781.41 1.76 1.125 2.091c1.627.768 3.15-.198 3.467-2.196c.211-1.284.622-1.642 1.998-1.747c1.588-.133 2.409-.675 2.713-1.787c.278-1.02-.304-2.157-1.297-2.554c-.264-.106-.873-.238-1.35-.291c-1.495-.16-1.879-.424-2.038-1.39c-.225-1.337-.317-1.562-.794-2.09a2.17 2.17 0 0 0-1.613-.73m-4.785 4.36a2.2 2.2 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295c1.178 1.774 3.944.953 3.97-1.177c.012-1.193-.98-2.143-2.123-2.166M2.089 14.19a2.2 2.2 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182c.53.145.582.145 1.111.013c1.191-.318 1.866-1.456 1.549-2.607c-.278-1.02-1.144-1.664-2.127-1.64m19.824.008c-.233.002-.477.058-.784.162c-1.39.477-1.866 2.092-.98 3.336c.557.794 1.96 1.058 2.82.516c1.416-.874 1.363-3.057-.093-3.746c-.38-.186-.663-.271-.963-.268"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.118%205.466a2.3%202.3%200%200%200-.623.08c-.278.067-.702.332-.953.583c-.41.423-.49.609-.662%201.469c-.08.423.41%201.43.847%201.734c.45.317%201.085.502%202.065.608c1.429.16%201.84.636%201.84%202.197c0%201.377-.385%201.747-1.96%201.906c-1.707.172-2.58.834-2.765%202.117c-.106.781.41%201.76%201.125%202.091c1.627.768%203.15-.198%203.467-2.196c.211-1.284.622-1.642%201.998-1.747c1.588-.133%202.409-.675%202.713-1.787c.278-1.02-.304-2.157-1.297-2.554c-.264-.106-.873-.238-1.35-.291c-1.495-.16-1.879-.424-2.038-1.39c-.225-1.337-.317-1.562-.794-2.09a2.17%202.17%200%200%200-1.613-.73m-4.785%204.36a2.2%202.2%200%200%200-.497.048c-1.469.318-2.17%202.051-1.35%203.295c1.178%201.774%203.944.953%203.97-1.177c.012-1.193-.98-2.143-2.123-2.166M2.089%2014.19a2.2%202.2%200%200%200-.427.052c-2.158.476-2.237%203.626-.106%204.182c.53.145.582.145%201.111.013c1.191-.318%201.866-1.456%201.549-2.607c-.278-1.02-1.144-1.664-2.127-1.64m19.824.008c-.233.002-.477.058-.784.162c-1.39.477-1.866%202.092-.98%203.336c.557.794%201.96%201.058%202.82.516c1.416-.874%201.363-3.057-.093-3.746c-.38-.186-.663-.271-.963-.268%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.118%205.466a2.3%202.3%200%200%200-.623.08c-.278.067-.702.332-.953.583c-.41.423-.49.609-.662%201.469c-.08.423.41%201.43.847%201.734c.45.317%201.085.502%202.065.608c1.429.16%201.84.636%201.84%202.197c0%201.377-.385%201.747-1.96%201.906c-1.707.172-2.58.834-2.765%202.117c-.106.781.41%201.76%201.125%202.091c1.627.768%203.15-.198%203.467-2.196c.211-1.284.622-1.642%201.998-1.747c1.588-.133%202.409-.675%202.713-1.787c.278-1.02-.304-2.157-1.297-2.554c-.264-.106-.873-.238-1.35-.291c-1.495-.16-1.879-.424-2.038-1.39c-.225-1.337-.317-1.562-.794-2.09a2.17%202.17%200%200%200-1.613-.73m-4.785%204.36a2.2%202.2%200%200%200-.497.048c-1.469.318-2.17%202.051-1.35%203.295c1.178%201.774%203.944.953%203.97-1.177c.012-1.193-.98-2.143-2.123-2.166M2.089%2014.19a2.2%202.2%200%200%200-.427.052c-2.158.476-2.237%203.626-.106%204.182c.53.145.582.145%201.111.013c1.191-.318%201.866-1.456%201.549-2.607c-.278-1.02-1.144-1.664-2.127-1.64m19.824.008c-.233.002-.477.058-.784.162c-1.39.477-1.866%202.092-.98%203.336c.557.794%201.96%201.058%202.82.516c1.416-.874%201.363-3.057-.093-3.746c-.38-.186-.663-.271-.963-.268%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/reactrouter.svg?color=%231a73e8&size=48
