rider logo
rider from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- rider
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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 256 256"><defs><linearGradient id="SVGxD1wR08k" x1="90.832%" x2="-19.123%" y1="81.803%" y2="19.04%"><stop offset="0%" stop-color="#dd1265"/><stop offset="48%" stop-color="#dd1265"/><stop offset="94%" stop-color="#fdb60d"/></linearGradient><linearGradient id="SVGd4VpRdPz" x1="35.983%" x2="53.7%" y1="7.271%" y2="92.994%"><stop offset="14%" stop-color="#087cfa"/><stop offset="48%" stop-color="#dd1265"/><stop offset="96%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGRbH9nbrm" x1="39.545%" x2="56.938%" y1="11.352%" y2="91.694%"><stop offset="28%" stop-color="#dd1265"/><stop offset="97%" stop-color="#fdb60d"/></linearGradient></defs><path fill="url(#SVGxD1wR08k)" d="M256 99.6L76.533 0l120.16 178.533l24.694-16.186z"/><path fill="url(#SVGd4VpRdPz)" d="m184.4 58.987l-22.48-54.96l-49.733 48.96l20.346 177.653L180.72 256L256 212.027z"/><path fill="url(#SVGRbH9nbrm)" d="M76.533 0L0 51.547L28.453 227.36l73.387 28.213l94.853-77.04z"/><path d="M48 48.32h160v160H48z"/><path fill="#fff" d="M67.947 178.08h60v10h-60zM68 68.107h27.467a24 24 0 0 1 17.52 6.106a18.88 18.88 0 0 1 5.188 12.957l-.015.963a18.67 18.67 0 0 1-12.907 18.667l14.72 21.493H104.48L91.6 109.04H81.333v19.253H68zM94.667 97.44c6.238 0 9.91-3.214 10.147-8.005l.013-.662c0-5.68-3.947-8.613-10.4-8.613H81.333v17.28zm34.48-29.333h23.466c18.616 0 31.596 12.59 31.991 29.141l.01.965c0 16.934-13.067 30.08-32 30.08h-23.467zm13.333 11.946v36.267h10.24a17.147 17.147 0 0 0 18.155-17.206l-.022-.927a17.307 17.307 0 0 0-18.133-18.16z"/></svg>
React
import type { SVGProps } from "react";
export function LogosRider(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGxD1wR08k" x1="90.832%" x2="-19.123%" y1="81.803%" y2="19.04%"><stop offset="0%" stopColor="#dd1265"/><stop offset="48%" stopColor="#dd1265"/><stop offset="94%" stopColor="#fdb60d"/></linearGradient><linearGradient id="SVGd4VpRdPz" x1="35.983%" x2="53.7%" y1="7.271%" y2="92.994%"><stop offset="14%" stopColor="#087cfa"/><stop offset="48%" stopColor="#dd1265"/><stop offset="96%" stopColor="#087cfa"/></linearGradient><linearGradient id="SVGRbH9nbrm" x1="39.545%" x2="56.938%" y1="11.352%" y2="91.694%"><stop offset="28%" stopColor="#dd1265"/><stop offset="97%" stopColor="#fdb60d"/></linearGradient></defs><path fill="url(#SVGxD1wR08k)" d="M256 99.6L76.533 0l120.16 178.533l24.694-16.186z"/><path fill="url(#SVGd4VpRdPz)" d="m184.4 58.987l-22.48-54.96l-49.733 48.96l20.346 177.653L180.72 256L256 212.027z"/><path fill="url(#SVGRbH9nbrm)" d="M76.533 0L0 51.547L28.453 227.36l73.387 28.213l94.853-77.04z"/><path d="M48 48.32h160v160H48z"/><path fill="#fff" d="M67.947 178.08h60v10h-60zM68 68.107h27.467a24 24 0 0 1 17.52 6.106a18.88 18.88 0 0 1 5.188 12.957l-.015.963a18.67 18.67 0 0 1-12.907 18.667l14.72 21.493H104.48L91.6 109.04H81.333v19.253H68zM94.667 97.44c6.238 0 9.91-3.214 10.147-8.005l.013-.662c0-5.68-3.947-8.613-10.4-8.613H81.333v17.28zm34.48-29.333h23.466c18.616 0 31.596 12.59 31.991 29.141l.01.965c0 16.934-13.067 30.08-32 30.08h-23.467zm13.333 11.946v36.267h10.24a17.147 17.147 0 0 0 18.155-17.206l-.022-.927a17.307 17.307 0 0 0-18.133-18.16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGxD1wR08k" x1="90.832%" x2="-19.123%" y1="81.803%" y2="19.04%"><stop offset="0%" stop-color="#dd1265"/><stop offset="48%" stop-color="#dd1265"/><stop offset="94%" stop-color="#fdb60d"/></linearGradient><linearGradient id="SVGd4VpRdPz" x1="35.983%" x2="53.7%" y1="7.271%" y2="92.994%"><stop offset="14%" stop-color="#087cfa"/><stop offset="48%" stop-color="#dd1265"/><stop offset="96%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGRbH9nbrm" x1="39.545%" x2="56.938%" y1="11.352%" y2="91.694%"><stop offset="28%" stop-color="#dd1265"/><stop offset="97%" stop-color="#fdb60d"/></linearGradient></defs><path fill="url(#SVGxD1wR08k)" d="M256 99.6L76.533 0l120.16 178.533l24.694-16.186z"/><path fill="url(#SVGd4VpRdPz)" d="m184.4 58.987l-22.48-54.96l-49.733 48.96l20.346 177.653L180.72 256L256 212.027z"/><path fill="url(#SVGRbH9nbrm)" d="M76.533 0L0 51.547L28.453 227.36l73.387 28.213l94.853-77.04z"/><path d="M48 48.32h160v160H48z"/><path fill="#fff" d="M67.947 178.08h60v10h-60zM68 68.107h27.467a24 24 0 0 1 17.52 6.106a18.88 18.88 0 0 1 5.188 12.957l-.015.963a18.67 18.67 0 0 1-12.907 18.667l14.72 21.493H104.48L91.6 109.04H81.333v19.253H68zM94.667 97.44c6.238 0 9.91-3.214 10.147-8.005l.013-.662c0-5.68-3.947-8.613-10.4-8.613H81.333v17.28zm34.48-29.333h23.466c18.616 0 31.596 12.59 31.991 29.141l.01.965c0 16.934-13.067 30.08-32 30.08h-23.467zm13.333 11.946v36.267h10.24a17.147 17.147 0 0 0 18.155-17.206l-.022-.927a17.307 17.307 0 0 0-18.133-18.16z"/></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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxD1wR08k%22%20x1%3D%2290.832%25%22%20x2%3D%22-19.123%25%22%20y1%3D%2281.803%25%22%20y2%3D%2219.04%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23fdb60d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGd4VpRdPz%22%20x1%3D%2235.983%25%22%20x2%3D%2253.7%25%22%20y1%3D%227.271%25%22%20y2%3D%2292.994%25%22%3E%3Cstop%20offset%3D%2214%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRbH9nbrm%22%20x1%3D%2239.545%25%22%20x2%3D%2256.938%25%22%20y1%3D%2211.352%25%22%20y2%3D%2291.694%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2297%25%22%20stop-color%3D%22%23fdb60d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGxD1wR08k)%22%20d%3D%22M256%2099.6L76.533%200l120.16%20178.533l24.694-16.186z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGd4VpRdPz)%22%20d%3D%22m184.4%2058.987l-22.48-54.96l-49.733%2048.96l20.346%20177.653L180.72%20256L256%20212.027z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRbH9nbrm)%22%20d%3D%22M76.533%200L0%2051.547L28.453%20227.36l73.387%2028.213l94.853-77.04z%22%2F%3E%3Cpath%20d%3D%22M48%2048.32h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20178.08h60v10h-60zM68%2068.107h27.467a24%2024%200%200%201%2017.52%206.106a18.88%2018.88%200%200%201%205.188%2012.957l-.015.963a18.67%2018.67%200%200%201-12.907%2018.667l14.72%2021.493H104.48L91.6%20109.04H81.333v19.253H68zM94.667%2097.44c6.238%200%209.91-3.214%2010.147-8.005l.013-.662c0-5.68-3.947-8.613-10.4-8.613H81.333v17.28zm34.48-29.333h23.466c18.616%200%2031.596%2012.59%2031.991%2029.141l.01.965c0%2016.934-13.067%2030.08-32%2030.08h-23.467zm13.333%2011.946v36.267h10.24a17.147%2017.147%200%200%200%2018.155-17.206l-.022-.927a17.307%2017.307%200%200%200-18.133-18.16z%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%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxD1wR08k%22%20x1%3D%2290.832%25%22%20x2%3D%22-19.123%25%22%20y1%3D%2281.803%25%22%20y2%3D%2219.04%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23fdb60d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGd4VpRdPz%22%20x1%3D%2235.983%25%22%20x2%3D%2253.7%25%22%20y1%3D%227.271%25%22%20y2%3D%2292.994%25%22%3E%3Cstop%20offset%3D%2214%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRbH9nbrm%22%20x1%3D%2239.545%25%22%20x2%3D%2256.938%25%22%20y1%3D%2211.352%25%22%20y2%3D%2291.694%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%23dd1265%22%2F%3E%3Cstop%20offset%3D%2297%25%22%20stop-color%3D%22%23fdb60d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGxD1wR08k)%22%20d%3D%22M256%2099.6L76.533%200l120.16%20178.533l24.694-16.186z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGd4VpRdPz)%22%20d%3D%22m184.4%2058.987l-22.48-54.96l-49.733%2048.96l20.346%20177.653L180.72%20256L256%20212.027z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRbH9nbrm)%22%20d%3D%22M76.533%200L0%2051.547L28.453%20227.36l73.387%2028.213l94.853-77.04z%22%2F%3E%3Cpath%20d%3D%22M48%2048.32h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20178.08h60v10h-60zM68%2068.107h27.467a24%2024%200%200%201%2017.52%206.106a18.88%2018.88%200%200%201%205.188%2012.957l-.015.963a18.67%2018.67%200%200%201-12.907%2018.667l14.72%2021.493H104.48L91.6%20109.04H81.333v19.253H68zM94.667%2097.44c6.238%200%209.91-3.214%2010.147-8.005l.013-.662c0-5.68-3.947-8.613-10.4-8.613H81.333v17.28zm34.48-29.333h23.466c18.616%200%2031.596%2012.59%2031.991%2029.141l.01.965c0%2016.934-13.067%2030.08-32%2030.08h-23.467zm13.333%2011.946v36.267h10.24a17.147%2017.147%200%200%200%2018.155-17.206l-.022-.927a17.307%2017.307%200%200%200-18.133-18.16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/rider.svg?color=%231a73e8&size=48
