rider logo
rider from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- rider
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
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 128 128"><defs><linearGradient id="SVGL2vits5p" x1="64.712" x2="39.849" y1="56.378" y2="2.753" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#007dfe"/><stop offset=".55" stop-color="#ffb700"/></linearGradient><linearGradient id="SVGuHQIkKok" x1="59.772" x2="1.067" y1="3.981" y2="62.687" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#ffb700"/><stop offset=".73" stop-color="#ff0a67"/></linearGradient></defs><path fill="#007dfe" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.303 1.96z"/><path fill="url(#SVGL2vits5p)" d="M98.962 116.363h20.893a8.145 8.145 0 0 0 8.145-8.145V82.033q0-.578-.081-1.152L117.363 6.994A8.145 8.145 0 0 0 109.3 0H77.954a8.145 8.145 0 0 0-8.146 8.148l.01 37.077c0 .875.14 1.744.417 2.574l21 62.995a8.15 8.15 0 0 0 7.727 5.57z"/><path fill="url(#SVGuHQIkKok)" d="M8.145 128h67.937a8.15 8.15 0 0 0 7.486-4.937l32.136-74.98a8.2 8.2 0 0 0 .659-3.21V8.147A8.146 8.146 0 0 0 108.217 0H72.286a8.15 8.15 0 0 0-4.522 1.371L3.627 44.176a8.15 8.15 0 0 0-3.624 6.775L0 119.854A8.145 8.145 0 0 0 8.145 128"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M34.187 34v30h5.852V52.672h5.05L51.548 64h6.706L51.11 51.984q.22-.069.445-.132c.337-.097.673-.192.977-.332c1.629-.804 2.878-1.902 3.75-3.32c.885-1.42 1.328-3.055 1.328-4.93c0-1.876-.434-3.455-1.305-4.848c-.857-1.392-2.087-2.493-3.687-3.27c-1.6-.776-3.451-1.152-5.55-1.152zm28.367 0v30h11.422q4.264 0 7.629-1.93a13.7 13.7 0 0 0 5.293-5.328c1.27-2.304 1.906-4.877 1.906-7.742s-.635-5.438-1.906-7.715c-1.272-2.276-3.036-4.07-5.293-5.355Q78.24 34 73.976 34ZM40.04 38.875h6.644c.986 0 1.842.188 2.57.535c.743.376 1.316.885 1.715 1.555c.4.67.598 1.449.598 2.36s-.197 1.685-.598 2.382c-.4.67-.972 1.18-1.714 1.555c-.73.374-1.585.535-2.57.535H40.04Zm28.367.188h5.504q2.679 0 4.695 1.203c1.343.777 2.376 1.93 3.105 3.43q1.094 2.25 1.094 5.304t-1.094 5.305c-.729 1.5-1.762 2.648-3.105 3.426q-2.016 1.206-4.695 1.207h-5.504ZM33.988 88v6h32v-6z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconRider(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGL2vits5p" x1="64.712" x2="39.849" y1="56.378" y2="2.753" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".21" stopColor="#007dfe"/><stop offset=".55" stopColor="#ffb700"/></linearGradient><linearGradient id="SVGuHQIkKok" x1="59.772" x2="1.067" y1="3.981" y2="62.687" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".23" stopColor="#ffb700"/><stop offset=".73" stopColor="#ff0a67"/></linearGradient></defs><path fill="#007dfe" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.303 1.96z"/><path fill="url(#SVGL2vits5p)" d="M98.962 116.363h20.893a8.145 8.145 0 0 0 8.145-8.145V82.033q0-.578-.081-1.152L117.363 6.994A8.145 8.145 0 0 0 109.3 0H77.954a8.145 8.145 0 0 0-8.146 8.148l.01 37.077c0 .875.14 1.744.417 2.574l21 62.995a8.15 8.15 0 0 0 7.727 5.57z"/><path fill="url(#SVGuHQIkKok)" d="M8.145 128h67.937a8.15 8.15 0 0 0 7.486-4.937l32.136-74.98a8.2 8.2 0 0 0 .659-3.21V8.147A8.146 8.146 0 0 0 108.217 0H72.286a8.15 8.15 0 0 0-4.522 1.371L3.627 44.176a8.15 8.15 0 0 0-3.624 6.775L0 119.854A8.145 8.145 0 0 0 8.145 128"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M34.187 34v30h5.852V52.672h5.05L51.548 64h6.706L51.11 51.984q.22-.069.445-.132c.337-.097.673-.192.977-.332c1.629-.804 2.878-1.902 3.75-3.32c.885-1.42 1.328-3.055 1.328-4.93c0-1.876-.434-3.455-1.305-4.848c-.857-1.392-2.087-2.493-3.687-3.27c-1.6-.776-3.451-1.152-5.55-1.152zm28.367 0v30h11.422q4.264 0 7.629-1.93a13.7 13.7 0 0 0 5.293-5.328c1.27-2.304 1.906-4.877 1.906-7.742s-.635-5.438-1.906-7.715c-1.272-2.276-3.036-4.07-5.293-5.355Q78.24 34 73.976 34ZM40.04 38.875h6.644c.986 0 1.842.188 2.57.535c.743.376 1.316.885 1.715 1.555c.4.67.598 1.449.598 2.36s-.197 1.685-.598 2.382c-.4.67-.972 1.18-1.714 1.555c-.73.374-1.585.535-2.57.535H40.04Zm28.367.188h5.504q2.679 0 4.695 1.203c1.343.777 2.376 1.93 3.105 3.43q1.094 2.25 1.094 5.304t-1.094 5.305c-.729 1.5-1.762 2.648-3.105 3.426q-2.016 1.206-4.695 1.207h-5.504ZM33.988 88v6h32v-6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGL2vits5p" x1="64.712" x2="39.849" y1="56.378" y2="2.753" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#007dfe"/><stop offset=".55" stop-color="#ffb700"/></linearGradient><linearGradient id="SVGuHQIkKok" x1="59.772" x2="1.067" y1="3.981" y2="62.687" gradientTransform="translate(.012)scale(1.99999)" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#ffb700"/><stop offset=".73" stop-color="#ff0a67"/></linearGradient></defs><path fill="#007dfe" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.303 1.96z"/><path fill="url(#SVGL2vits5p)" d="M98.962 116.363h20.893a8.145 8.145 0 0 0 8.145-8.145V82.033q0-.578-.081-1.152L117.363 6.994A8.145 8.145 0 0 0 109.3 0H77.954a8.145 8.145 0 0 0-8.146 8.148l.01 37.077c0 .875.14 1.744.417 2.574l21 62.995a8.15 8.15 0 0 0 7.727 5.57z"/><path fill="url(#SVGuHQIkKok)" d="M8.145 128h67.937a8.15 8.15 0 0 0 7.486-4.937l32.136-74.98a8.2 8.2 0 0 0 .659-3.21V8.147A8.146 8.146 0 0 0 108.217 0H72.286a8.15 8.15 0 0 0-4.522 1.371L3.627 44.176a8.15 8.15 0 0 0-3.624 6.775L0 119.854A8.145 8.145 0 0 0 8.145 128"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M34.187 34v30h5.852V52.672h5.05L51.548 64h6.706L51.11 51.984q.22-.069.445-.132c.337-.097.673-.192.977-.332c1.629-.804 2.878-1.902 3.75-3.32c.885-1.42 1.328-3.055 1.328-4.93c0-1.876-.434-3.455-1.305-4.848c-.857-1.392-2.087-2.493-3.687-3.27c-1.6-.776-3.451-1.152-5.55-1.152zm28.367 0v30h11.422q4.264 0 7.629-1.93a13.7 13.7 0 0 0 5.293-5.328c1.27-2.304 1.906-4.877 1.906-7.742s-.635-5.438-1.906-7.715c-1.272-2.276-3.036-4.07-5.293-5.355Q78.24 34 73.976 34ZM40.04 38.875h6.644c.986 0 1.842.188 2.57.535c.743.376 1.316.885 1.715 1.555c.4.67.598 1.449.598 2.36s-.197 1.685-.598 2.382c-.4.67-.972 1.18-1.714 1.555c-.73.374-1.585.535-2.57.535H40.04Zm28.367.188h5.504q2.679 0 4.695 1.203c1.343.777 2.376 1.93 3.105 3.43q1.094 2.25 1.094 5.304t-1.094 5.305c-.729 1.5-1.762 2.648-3.105 3.426q-2.016 1.206-4.695 1.207h-5.504ZM33.988 88v6h32v-6z"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL2vits5p%22%20x1%3D%2264.712%22%20x2%3D%2239.849%22%20y1%3D%2256.378%22%20y2%3D%222.753%22%20gradientTransform%3D%22translate(.012)scale(1.99999)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.21%22%20stop-color%3D%22%23007dfe%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffb700%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuHQIkKok%22%20x1%3D%2259.772%22%20x2%3D%221.067%22%20y1%3D%223.981%22%20y2%3D%2262.687%22%20gradientTransform%3D%22translate(.012)scale(1.99999)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23ffb700%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%23ff0a67%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23007dfe%22%20d%3D%22m96.104%20116.367l23.75-.003A8.144%208.144%200%200%200%20128%20108.22V85.206a8.15%208.15%200%200%200-2.844-6.185L48.832%2013.6a8.15%208.15%200%200%200-5.301-1.96H19.78a8.145%208.145%200%200%200-8.146%208.145v23.017a8.15%208.15%200%200%200%202.844%206.185l76.32%2065.418a8.15%208.15%200%200%200%205.303%201.96z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGL2vits5p)%22%20d%3D%22M98.962%20116.363h20.893a8.145%208.145%200%200%200%208.145-8.145V82.033q0-.578-.081-1.152L117.363%206.994A8.145%208.145%200%200%200%20109.3%200H77.954a8.145%208.145%200%200%200-8.146%208.148l.01%2037.077c0%20.875.14%201.744.417%202.574l21%2062.995a8.15%208.15%200%200%200%207.727%205.57z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuHQIkKok)%22%20d%3D%22M8.145%20128h67.937a8.15%208.15%200%200%200%207.486-4.937l32.136-74.98a8.2%208.2%200%200%200%20.659-3.21V8.147A8.146%208.146%200%200%200%20108.217%200H72.286a8.15%208.15%200%200%200-4.522%201.371L3.627%2044.176a8.15%208.15%200%200%200-3.624%206.775L0%20119.854A8.145%208.145%200%200%200%208.145%20128%22%2F%3E%3Cpath%20d%3D%22M104%2024H24v80h80z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.187%2034v30h5.852V52.672h5.05L51.548%2064h6.706L51.11%2051.984q.22-.069.445-.132c.337-.097.673-.192.977-.332c1.629-.804%202.878-1.902%203.75-3.32c.885-1.42%201.328-3.055%201.328-4.93c0-1.876-.434-3.455-1.305-4.848c-.857-1.392-2.087-2.493-3.687-3.27c-1.6-.776-3.451-1.152-5.55-1.152zm28.367%200v30h11.422q4.264%200%207.629-1.93a13.7%2013.7%200%200%200%205.293-5.328c1.27-2.304%201.906-4.877%201.906-7.742s-.635-5.438-1.906-7.715c-1.272-2.276-3.036-4.07-5.293-5.355Q78.24%2034%2073.976%2034ZM40.04%2038.875h6.644c.986%200%201.842.188%202.57.535c.743.376%201.316.885%201.715%201.555c.4.67.598%201.449.598%202.36s-.197%201.685-.598%202.382c-.4.67-.972%201.18-1.714%201.555c-.73.374-1.585.535-2.57.535H40.04Zm28.367.188h5.504q2.679%200%204.695%201.203c1.343.777%202.376%201.93%203.105%203.43q1.094%202.25%201.094%205.304t-1.094%205.305c-.729%201.5-1.762%202.648-3.105%203.426q-2.016%201.206-4.695%201.207h-5.504ZM33.988%2088v6h32v-6z%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL2vits5p%22%20x1%3D%2264.712%22%20x2%3D%2239.849%22%20y1%3D%2256.378%22%20y2%3D%222.753%22%20gradientTransform%3D%22translate(.012)scale(1.99999)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.21%22%20stop-color%3D%22%23007dfe%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffb700%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuHQIkKok%22%20x1%3D%2259.772%22%20x2%3D%221.067%22%20y1%3D%223.981%22%20y2%3D%2262.687%22%20gradientTransform%3D%22translate(.012)scale(1.99999)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23ffb700%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%23ff0a67%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23007dfe%22%20d%3D%22m96.104%20116.367l23.75-.003A8.144%208.144%200%200%200%20128%20108.22V85.206a8.15%208.15%200%200%200-2.844-6.185L48.832%2013.6a8.15%208.15%200%200%200-5.301-1.96H19.78a8.145%208.145%200%200%200-8.146%208.145v23.017a8.15%208.15%200%200%200%202.844%206.185l76.32%2065.418a8.15%208.15%200%200%200%205.303%201.96z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGL2vits5p)%22%20d%3D%22M98.962%20116.363h20.893a8.145%208.145%200%200%200%208.145-8.145V82.033q0-.578-.081-1.152L117.363%206.994A8.145%208.145%200%200%200%20109.3%200H77.954a8.145%208.145%200%200%200-8.146%208.148l.01%2037.077c0%20.875.14%201.744.417%202.574l21%2062.995a8.15%208.15%200%200%200%207.727%205.57z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuHQIkKok)%22%20d%3D%22M8.145%20128h67.937a8.15%208.15%200%200%200%207.486-4.937l32.136-74.98a8.2%208.2%200%200%200%20.659-3.21V8.147A8.146%208.146%200%200%200%20108.217%200H72.286a8.15%208.15%200%200%200-4.522%201.371L3.627%2044.176a8.15%208.15%200%200%200-3.624%206.775L0%20119.854A8.145%208.145%200%200%200%208.145%20128%22%2F%3E%3Cpath%20d%3D%22M104%2024H24v80h80z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.187%2034v30h5.852V52.672h5.05L51.548%2064h6.706L51.11%2051.984q.22-.069.445-.132c.337-.097.673-.192.977-.332c1.629-.804%202.878-1.902%203.75-3.32c.885-1.42%201.328-3.055%201.328-4.93c0-1.876-.434-3.455-1.305-4.848c-.857-1.392-2.087-2.493-3.687-3.27c-1.6-.776-3.451-1.152-5.55-1.152zm28.367%200v30h11.422q4.264%200%207.629-1.93a13.7%2013.7%200%200%200%205.293-5.328c1.27-2.304%201.906-4.877%201.906-7.742s-.635-5.438-1.906-7.715c-1.272-2.276-3.036-4.07-5.293-5.355Q78.24%2034%2073.976%2034ZM40.04%2038.875h6.644c.986%200%201.842.188%202.57.535c.743.376%201.316.885%201.715%201.555c.4.67.598%201.449.598%202.36s-.197%201.685-.598%202.382c-.4.67-.972%201.18-1.714%201.555c-.73.374-1.585.535-2.57.535H40.04Zm28.367.188h5.504q2.679%200%204.695%201.203c1.343.777%202.376%201.93%203.105%203.43q1.094%202.25%201.094%205.304t-1.094%205.305c-.729%201.5-1.762%202.648-3.105%203.426q-2.016%201.206-4.695%201.207h-5.504ZM33.988%2088v6h32v-6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/rider.svg?color=%231a73e8&size=48
