rider logo
rider from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- rider
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the rider logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm7.031 3.113A4.06 4.06 0 0 1 9.72 4.14a3.23 3.23 0 0 1 .84 2.28A3.16 3.16 0 0 1 8.4 9.54l2.46 3.6H8.28L6.12 9.9H4.38v3.24H2.16V3.12c1.61-.004 3.281.009 4.871-.007m5.509.007h3.96c3.18 0 5.34 2.16 5.34 5.04c0 2.82-2.16 5.04-5.34 5.04h-3.96zm4.069 1.976c-.607.01-1.235.004-1.849.004v6.06h1.74a2.88 2.88 0 0 0 3.06-3a2.897 2.897 0 0 0-2.951-3.064M4.319 5.1v2.88H6.6c1.08 0 1.68-.6 1.68-1.44c0-.96-.66-1.44-1.74-1.44zM2.16 19.5h9V21h-9Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsRider(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="M0 0v24h24V0zm7.031 3.113A4.06 4.06 0 0 1 9.72 4.14a3.23 3.23 0 0 1 .84 2.28A3.16 3.16 0 0 1 8.4 9.54l2.46 3.6H8.28L6.12 9.9H4.38v3.24H2.16V3.12c1.61-.004 3.281.009 4.871-.007m5.509.007h3.96c3.18 0 5.34 2.16 5.34 5.04c0 2.82-2.16 5.04-5.34 5.04h-3.96zm4.069 1.976c-.607.01-1.235.004-1.849.004v6.06h1.74a2.88 2.88 0 0 0 3.06-3a2.897 2.897 0 0 0-2.951-3.064M4.319 5.1v2.88H6.6c1.08 0 1.68-.6 1.68-1.44c0-.96-.66-1.44-1.74-1.44zM2.16 19.5h9V21h-9Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm7.031 3.113A4.06 4.06 0 0 1 9.72 4.14a3.23 3.23 0 0 1 .84 2.28A3.16 3.16 0 0 1 8.4 9.54l2.46 3.6H8.28L6.12 9.9H4.38v3.24H2.16V3.12c1.61-.004 3.281.009 4.871-.007m5.509.007h3.96c3.18 0 5.34 2.16 5.34 5.04c0 2.82-2.16 5.04-5.34 5.04h-3.96zm4.069 1.976c-.607.01-1.235.004-1.849.004v6.06h1.74a2.88 2.88 0 0 0 3.06-3a2.897 2.897 0 0 0-2.951-3.064M4.319 5.1v2.88H6.6c1.08 0 1.68-.6 1.68-1.44c0-.96-.66-1.44-1.74-1.44zM2.16 19.5h9V21h-9Z"/></svg> </template>
CSS
.icon-rider {
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%22M0%200v24h24V0zm7.031%203.113A4.06%204.06%200%200%201%209.72%204.14a3.23%203.23%200%200%201%20.84%202.28A3.16%203.16%200%200%201%208.4%209.54l2.46%203.6H8.28L6.12%209.9H4.38v3.24H2.16V3.12c1.61-.004%203.281.009%204.871-.007m5.509.007h3.96c3.18%200%205.34%202.16%205.34%205.04c0%202.82-2.16%205.04-5.34%205.04h-3.96zm4.069%201.976c-.607.01-1.235.004-1.849.004v6.06h1.74a2.88%202.88%200%200%200%203.06-3a2.897%202.897%200%200%200-2.951-3.064M4.319%205.1v2.88H6.6c1.08%200%201.68-.6%201.68-1.44c0-.96-.66-1.44-1.74-1.44zM2.16%2019.5h9V21h-9Z%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%22M0%200v24h24V0zm7.031%203.113A4.06%204.06%200%200%201%209.72%204.14a3.23%203.23%200%200%201%20.84%202.28A3.16%203.16%200%200%201%208.4%209.54l2.46%203.6H8.28L6.12%209.9H4.38v3.24H2.16V3.12c1.61-.004%203.281.009%204.871-.007m5.509.007h3.96c3.18%200%205.34%202.16%205.34%205.04c0%202.82-2.16%205.04-5.34%205.04h-3.96zm4.069%201.976c-.607.01-1.235.004-1.849.004v6.06h1.74a2.88%202.88%200%200%200%203.06-3a2.897%202.897%200%200%200-2.951-3.064M4.319%205.1v2.88H6.6c1.08%200%201.68-.6%201.68-1.44c0-.96-.66-1.44-1.74-1.44zM2.16%2019.5h9V21h-9Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/rider.svg?color=%231a73e8&size=48
