ride logo
ride from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ride
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the ride logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.134 11.986c.245-.308.484-.724.702-1.377c.782-2.317-1.327-5.916-4.984-6.015c-1.427-.9-3.273-1.491-5.63-1.581c-4.157-.158-5.393 1.16-5.49 2.836a3.3 3.3 0 0 0-.962.753c-1.254 1.442-.77 3.394.02 4.945c.2-3.915 3.454-7.015 7.433-7.015c4.103 0 7.437 3.303 7.437 7.39c0 4.092-3.334 7.39-7.437 7.39a7.41 7.41 0 0 1-6.951-4.763c-.592.776-1.01 1.852-.54 3.063v.006c.758 1.95 2.55 2.517 3.99 2.526c2.895 1.369 5.03.801 6.497.31c.513-.171.97-.446 1.378-.797l.04-.007l.018-.015c1.658-.295 3.185-1.068 3.98-3.06c.43-1.089.663-2.747.488-4.535l.014-.018v-.005zm-14.622-.06c0-3.122 2.551-5.663 5.711-5.663s5.707 2.54 5.707 5.659c0 3.117-2.552 5.658-5.707 5.658c-3.16 0-5.711-2.54-5.711-5.653" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenRide(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" fillRule="evenodd" d="M20.134 11.986c.245-.308.484-.724.702-1.377c.782-2.317-1.327-5.916-4.984-6.015c-1.427-.9-3.273-1.491-5.63-1.581c-4.157-.158-5.393 1.16-5.49 2.836a3.3 3.3 0 0 0-.962.753c-1.254 1.442-.77 3.394.02 4.945c.2-3.915 3.454-7.015 7.433-7.015c4.103 0 7.437 3.303 7.437 7.39c0 4.092-3.334 7.39-7.437 7.39a7.41 7.41 0 0 1-6.951-4.763c-.592.776-1.01 1.852-.54 3.063v.006c.758 1.95 2.55 2.517 3.99 2.526c2.895 1.369 5.03.801 6.497.31c.513-.171.97-.446 1.378-.797l.04-.007l.018-.015c1.658-.295 3.185-1.068 3.98-3.06c.43-1.089.663-2.747.488-4.535l.014-.018v-.005zm-14.622-.06c0-3.122 2.551-5.663 5.711-5.663s5.707 2.54 5.707 5.659c0 3.117-2.552 5.658-5.707 5.658c-3.16 0-5.711-2.54-5.711-5.653" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.134 11.986c.245-.308.484-.724.702-1.377c.782-2.317-1.327-5.916-4.984-6.015c-1.427-.9-3.273-1.491-5.63-1.581c-4.157-.158-5.393 1.16-5.49 2.836a3.3 3.3 0 0 0-.962.753c-1.254 1.442-.77 3.394.02 4.945c.2-3.915 3.454-7.015 7.433-7.015c4.103 0 7.437 3.303 7.437 7.39c0 4.092-3.334 7.39-7.437 7.39a7.41 7.41 0 0 1-6.951-4.763c-.592.776-1.01 1.852-.54 3.063v.006c.758 1.95 2.55 2.517 3.99 2.526c2.895 1.369 5.03.801 6.497.31c.513-.171.97-.446 1.378-.797l.04-.007l.018-.015c1.658-.295 3.185-1.068 3.98-3.06c.43-1.089.663-2.747.488-4.535l.014-.018v-.005zm-14.622-.06c0-3.122 2.551-5.663 5.711-5.663s5.707 2.54 5.707 5.659c0 3.117-2.552 5.658-5.707 5.658c-3.16 0-5.711-2.54-5.711-5.653" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ride {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M20.134%2011.986c.245-.308.484-.724.702-1.377c.782-2.317-1.327-5.916-4.984-6.015c-1.427-.9-3.273-1.491-5.63-1.581c-4.157-.158-5.393%201.16-5.49%202.836a3.3%203.3%200%200%200-.962.753c-1.254%201.442-.77%203.394.02%204.945c.2-3.915%203.454-7.015%207.433-7.015c4.103%200%207.437%203.303%207.437%207.39c0%204.092-3.334%207.39-7.437%207.39a7.41%207.41%200%200%201-6.951-4.763c-.592.776-1.01%201.852-.54%203.063v.006c.758%201.95%202.55%202.517%203.99%202.526c2.895%201.369%205.03.801%206.497.31c.513-.171.97-.446%201.378-.797l.04-.007l.018-.015c1.658-.295%203.185-1.068%203.98-3.06c.43-1.089.663-2.747.488-4.535l.014-.018v-.005zm-14.622-.06c0-3.122%202.551-5.663%205.711-5.663s5.707%202.54%205.707%205.659c0%203.117-2.552%205.658-5.707%205.658c-3.16%200-5.711-2.54-5.711-5.653%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M20.134%2011.986c.245-.308.484-.724.702-1.377c.782-2.317-1.327-5.916-4.984-6.015c-1.427-.9-3.273-1.491-5.63-1.581c-4.157-.158-5.393%201.16-5.49%202.836a3.3%203.3%200%200%200-.962.753c-1.254%201.442-.77%203.394.02%204.945c.2-3.915%203.454-7.015%207.433-7.015c4.103%200%207.437%203.303%207.437%207.39c0%204.092-3.334%207.39-7.437%207.39a7.41%207.41%200%200%201-6.951-4.763c-.592.776-1.01%201.852-.54%203.063v.006c.758%201.95%202.55%202.517%203.99%202.526c2.895%201.369%205.03.801%206.497.31c.513-.171.97-.446%201.378-.797l.04-.007l.018-.015c1.658-.295%203.185-1.068%203.98-3.06c.43-1.089.663-2.747.488-4.535l.014-.018v-.005zm-14.622-.06c0-3.122%202.551-5.663%205.711-5.663s5.707%202.54%205.707%205.659c0%203.117-2.552%205.658-5.707%205.658c-3.16%200-5.711-2.54-5.711-5.653%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ride.svg?color=%231a73e8&size=48
