ride logo

ride from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: ride
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

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"><g fill="none"><path fill="#f11e99" d="M3.77 6.602c1.905-2.187 6.278-1.112 8.046-.34c-.127-.48.407-1.487 3.568-1.661c3.943-.212 6.267 3.594 5.452 6.008c-.805 2.408-1.89 1.604-2.541 3.97c-.646 2.355-1.816 5.119-4.076 5.876c-1.678.56-4.23 1.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897"/><path fill="url(#SVGaOeVgceX)" d="M3.733 17.613c-.757-1.948.783-3.547 1.651-4.108l4.346-1.387l2.69 7.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04 0-4.987-2.44z"/><path fill="#873dee" d="M19.634 16.575c-1.413 3.546-5.15 3.229-7.808 3.229c-1.884 0-4.271.619-5.674-.64a5 5 0 0 1-1.44-2.05C3.67 14.06 5.93 13.43 6.205 11.715c.27-1.725-5.479-9.062 4.018-8.702c10.11.386 10.82 10.01 9.411 13.562"/><path fill="url(#SVGevorYdln)" d="M20.137 12.022a4.7 4.7 0 0 1-.587.582a3.4 3.4 0 0 0-1.229 1.985c-.497 1.81-1.307 3.864-2.683 5.06c-1.059.186-2.17.175-3.176.165h-.614c-.514 0-1.07.058-1.63.116c-1.006.106-2.044.223-2.912 0q-.42-.214-.858-.492a5 5 0 0 1-.72-.545a6.7 6.7 0 0 1-1.26-2.26a4.63 4.63 0 0 1 .218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127 5.57-.243 7.083.418c-.127-.487.408-1.492 3.568-1.662c.159-.01.312-.016.466-.01c2.805 1.773 3.996 4.732 4.266 7.41z"/><path fill="#fff" d="M11.222 6.262c-3.16 0-5.711 2.54-5.711 5.664c0 3.112 2.551 5.653 5.711 5.653c3.155 0 5.707-2.54 5.707-5.658s-2.546-5.66-5.707-5.66M3.78 11.926c0-4.092 3.335-7.395 7.442-7.395c4.103 0 7.438 3.303 7.438 7.39c0 4.091-3.335 7.39-7.438 7.39a7.414 7.414 0 0 1-7.442-7.39z"/><defs><linearGradient id="SVGaOeVgceX" x1="3.992" x2="37.083" y1="13.886" y2="4.542" gradientUnits="userSpaceOnUse"><stop stop-color="#4bdaf7"/><stop offset="1" stop-color="#6a63e3"/></linearGradient><linearGradient id="SVGevorYdln" x1="6.697" x2="19.142" y1="17.501" y2="9.619" gradientUnits="userSpaceOnUse"><stop stop-color="#2424e5"/><stop offset="1" stop-color="#781390"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedRide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f11e99" d="M3.77 6.602c1.905-2.187 6.278-1.112 8.046-.34c-.127-.48.407-1.487 3.568-1.661c3.943-.212 6.267 3.594 5.452 6.008c-.805 2.408-1.89 1.604-2.541 3.97c-.646 2.355-1.816 5.119-4.076 5.876c-1.678.56-4.23 1.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897"/><path fill="url(#SVGaOeVgceX)" d="M3.733 17.613c-.757-1.948.783-3.547 1.651-4.108l4.346-1.387l2.69 7.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04 0-4.987-2.44z"/><path fill="#873dee" d="M19.634 16.575c-1.413 3.546-5.15 3.229-7.808 3.229c-1.884 0-4.271.619-5.674-.64a5 5 0 0 1-1.44-2.05C3.67 14.06 5.93 13.43 6.205 11.715c.27-1.725-5.479-9.062 4.018-8.702c10.11.386 10.82 10.01 9.411 13.562"/><path fill="url(#SVGevorYdln)" d="M20.137 12.022a4.7 4.7 0 0 1-.587.582a3.4 3.4 0 0 0-1.229 1.985c-.497 1.81-1.307 3.864-2.683 5.06c-1.059.186-2.17.175-3.176.165h-.614c-.514 0-1.07.058-1.63.116c-1.006.106-2.044.223-2.912 0q-.42-.214-.858-.492a5 5 0 0 1-.72-.545a6.7 6.7 0 0 1-1.26-2.26a4.63 4.63 0 0 1 .218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127 5.57-.243 7.083.418c-.127-.487.408-1.492 3.568-1.662c.159-.01.312-.016.466-.01c2.805 1.773 3.996 4.732 4.266 7.41z"/><path fill="#fff" d="M11.222 6.262c-3.16 0-5.711 2.54-5.711 5.664c0 3.112 2.551 5.653 5.711 5.653c3.155 0 5.707-2.54 5.707-5.658s-2.546-5.66-5.707-5.66M3.78 11.926c0-4.092 3.335-7.395 7.442-7.395c4.103 0 7.438 3.303 7.438 7.39c0 4.091-3.335 7.39-7.438 7.39a7.414 7.414 0 0 1-7.442-7.39z"/><defs><linearGradient id="SVGaOeVgceX" x1="3.992" x2="37.083" y1="13.886" y2="4.542" gradientUnits="userSpaceOnUse"><stop stopColor="#4bdaf7"/><stop offset="1" stopColor="#6a63e3"/></linearGradient><linearGradient id="SVGevorYdln" x1="6.697" x2="19.142" y1="17.501" y2="9.619" gradientUnits="userSpaceOnUse"><stop stopColor="#2424e5"/><stop offset="1" stopColor="#781390"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f11e99" d="M3.77 6.602c1.905-2.187 6.278-1.112 8.046-.34c-.127-.48.407-1.487 3.568-1.661c3.943-.212 6.267 3.594 5.452 6.008c-.805 2.408-1.89 1.604-2.541 3.97c-.646 2.355-1.816 5.119-4.076 5.876c-1.678.56-4.23 1.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897"/><path fill="url(#SVGaOeVgceX)" d="M3.733 17.613c-.757-1.948.783-3.547 1.651-4.108l4.346-1.387l2.69 7.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04 0-4.987-2.44z"/><path fill="#873dee" d="M19.634 16.575c-1.413 3.546-5.15 3.229-7.808 3.229c-1.884 0-4.271.619-5.674-.64a5 5 0 0 1-1.44-2.05C3.67 14.06 5.93 13.43 6.205 11.715c.27-1.725-5.479-9.062 4.018-8.702c10.11.386 10.82 10.01 9.411 13.562"/><path fill="url(#SVGevorYdln)" d="M20.137 12.022a4.7 4.7 0 0 1-.587.582a3.4 3.4 0 0 0-1.229 1.985c-.497 1.81-1.307 3.864-2.683 5.06c-1.059.186-2.17.175-3.176.165h-.614c-.514 0-1.07.058-1.63.116c-1.006.106-2.044.223-2.912 0q-.42-.214-.858-.492a5 5 0 0 1-.72-.545a6.7 6.7 0 0 1-1.26-2.26a4.63 4.63 0 0 1 .218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127 5.57-.243 7.083.418c-.127-.487.408-1.492 3.568-1.662c.159-.01.312-.016.466-.01c2.805 1.773 3.996 4.732 4.266 7.41z"/><path fill="#fff" d="M11.222 6.262c-3.16 0-5.711 2.54-5.711 5.664c0 3.112 2.551 5.653 5.711 5.653c3.155 0 5.707-2.54 5.707-5.658s-2.546-5.66-5.707-5.66M3.78 11.926c0-4.092 3.335-7.395 7.442-7.395c4.103 0 7.438 3.303 7.438 7.39c0 4.091-3.335 7.39-7.438 7.39a7.414 7.414 0 0 1-7.442-7.39z"/><defs><linearGradient id="SVGaOeVgceX" x1="3.992" x2="37.083" y1="13.886" y2="4.542" gradientUnits="userSpaceOnUse"><stop stop-color="#4bdaf7"/><stop offset="1" stop-color="#6a63e3"/></linearGradient><linearGradient id="SVGevorYdln" x1="6.697" x2="19.142" y1="17.501" y2="9.619" gradientUnits="userSpaceOnUse"><stop stop-color="#2424e5"/><stop offset="1" stop-color="#781390"/></linearGradient></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f11e99%22%20d%3D%22M3.77%206.602c1.905-2.187%206.278-1.112%208.046-.34c-.127-.48.407-1.487%203.568-1.661c3.943-.212%206.267%203.594%205.452%206.008c-.805%202.408-1.89%201.604-2.541%203.97c-.646%202.355-1.816%205.119-4.076%205.876c-1.678.56-4.23%201.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaOeVgceX)%22%20d%3D%22M3.733%2017.613c-.757-1.948.783-3.547%201.651-4.108l4.346-1.387l2.69%207.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04%200-4.987-2.44z%22%2F%3E%3Cpath%20fill%3D%22%23873dee%22%20d%3D%22M19.634%2016.575c-1.413%203.546-5.15%203.229-7.808%203.229c-1.884%200-4.271.619-5.674-.64a5%205%200%200%201-1.44-2.05C3.67%2014.06%205.93%2013.43%206.205%2011.715c.27-1.725-5.479-9.062%204.018-8.702c10.11.386%2010.82%2010.01%209.411%2013.562%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGevorYdln)%22%20d%3D%22M20.137%2012.022a4.7%204.7%200%200%201-.587.582a3.4%203.4%200%200%200-1.229%201.985c-.497%201.81-1.307%203.864-2.683%205.06c-1.059.186-2.17.175-3.176.165h-.614c-.514%200-1.07.058-1.63.116c-1.006.106-2.044.223-2.912%200q-.42-.214-.858-.492a5%205%200%200%201-.72-.545a6.7%206.7%200%200%201-1.26-2.26a4.63%204.63%200%200%201%20.218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127%205.57-.243%207.083.418c-.127-.487.408-1.492%203.568-1.662c.159-.01.312-.016.466-.01c2.805%201.773%203.996%204.732%204.266%207.41z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.222%206.262c-3.16%200-5.711%202.54-5.711%205.664c0%203.112%202.551%205.653%205.711%205.653c3.155%200%205.707-2.54%205.707-5.658s-2.546-5.66-5.707-5.66M3.78%2011.926c0-4.092%203.335-7.395%207.442-7.395c4.103%200%207.438%203.303%207.438%207.39c0%204.091-3.335%207.39-7.438%207.39a7.414%207.414%200%200%201-7.442-7.39z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGaOeVgceX%22%20x1%3D%223.992%22%20x2%3D%2237.083%22%20y1%3D%2213.886%22%20y2%3D%224.542%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234bdaf7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236a63e3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGevorYdln%22%20x1%3D%226.697%22%20x2%3D%2219.142%22%20y1%3D%2217.501%22%20y2%3D%229.619%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232424e5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23781390%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f11e99%22%20d%3D%22M3.77%206.602c1.905-2.187%206.278-1.112%208.046-.34c-.127-.48.407-1.487%203.568-1.661c3.943-.212%206.267%203.594%205.452%206.008c-.805%202.408-1.89%201.604-2.541%203.97c-.646%202.355-1.816%205.119-4.076%205.876c-1.678.56-4.23%201.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaOeVgceX)%22%20d%3D%22M3.733%2017.613c-.757-1.948.783-3.547%201.651-4.108l4.346-1.387l2.69%207.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04%200-4.987-2.44z%22%2F%3E%3Cpath%20fill%3D%22%23873dee%22%20d%3D%22M19.634%2016.575c-1.413%203.546-5.15%203.229-7.808%203.229c-1.884%200-4.271.619-5.674-.64a5%205%200%200%201-1.44-2.05C3.67%2014.06%205.93%2013.43%206.205%2011.715c.27-1.725-5.479-9.062%204.018-8.702c10.11.386%2010.82%2010.01%209.411%2013.562%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGevorYdln)%22%20d%3D%22M20.137%2012.022a4.7%204.7%200%200%201-.587.582a3.4%203.4%200%200%200-1.229%201.985c-.497%201.81-1.307%203.864-2.683%205.06c-1.059.186-2.17.175-3.176.165h-.614c-.514%200-1.07.058-1.63.116c-1.006.106-2.044.223-2.912%200q-.42-.214-.858-.492a5%205%200%200%201-.72-.545a6.7%206.7%200%200%201-1.26-2.26a4.63%204.63%200%200%201%20.218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127%205.57-.243%207.083.418c-.127-.487.408-1.492%203.568-1.662c.159-.01.312-.016.466-.01c2.805%201.773%203.996%204.732%204.266%207.41z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.222%206.262c-3.16%200-5.711%202.54-5.711%205.664c0%203.112%202.551%205.653%205.711%205.653c3.155%200%205.707-2.54%205.707-5.658s-2.546-5.66-5.707-5.66M3.78%2011.926c0-4.092%203.335-7.395%207.442-7.395c4.103%200%207.438%203.303%207.438%207.39c0%204.091-3.335%207.39-7.438%207.39a7.414%207.414%200%200%201-7.442-7.39z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGaOeVgceX%22%20x1%3D%223.992%22%20x2%3D%2237.083%22%20y1%3D%2213.886%22%20y2%3D%224.542%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234bdaf7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236a63e3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGevorYdln%22%20x1%3D%226.697%22%20x2%3D%2219.142%22%20y1%3D%2217.501%22%20y2%3D%229.619%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232424e5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23781390%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/ride.svg?color=%231a73e8&size=48