lyft logo

lyft from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: lyft
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

lyftBoxicons Brands lyftCoreUI Brands lyftFont Awesome Brands lyftLine Awesome lyftMaterial Design Icons lyftSimple Icons

Use the lyft logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 81.1h77.8v208.7c0 33.1 15 52.8 27.2 61c-12.7 11.1-51.2 20.9-80.2-2.8C7.8 334 0 310.7 0 289zm485.9 173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7c-56.6 0-102.7 46-102.7 102.7V357c16 2.3 35.4-.3 51.7-14c17.1-14 24.8-37.2 24.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6 52.2-34.6 52.2 0v77.1c0 56.6 46 102.7 102.7 102.7v-76.5c-14.5 0-26.1-11.7-26.1-25.9m-294.3-99v113c0 15.4-23.8 15.4-23.8 0v-113H91v132.7c0 23.8 8 54 45 63.9c37 9.8 58.2-10.6 58.2-10.6c-2.1 13.4-14.5 23.3-34.9 25.3c-15.5 1.6-35.2-3.6-45-7.8v70.3c25.1 7.5 51.5 9.8 77.6 4.7c47.1-9.1 76.8-48.4 76.8-100.8V155.1h-77.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsLyft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 81.1h77.8v208.7c0 33.1 15 52.8 27.2 61c-12.7 11.1-51.2 20.9-80.2-2.8C7.8 334 0 310.7 0 289zm485.9 173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7c-56.6 0-102.7 46-102.7 102.7V357c16 2.3 35.4-.3 51.7-14c17.1-14 24.8-37.2 24.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6 52.2-34.6 52.2 0v77.1c0 56.6 46 102.7 102.7 102.7v-76.5c-14.5 0-26.1-11.7-26.1-25.9m-294.3-99v113c0 15.4-23.8 15.4-23.8 0v-113H91v132.7c0 23.8 8 54 45 63.9c37 9.8 58.2-10.6 58.2-10.6c-2.1 13.4-14.5 23.3-34.9 25.3c-15.5 1.6-35.2-3.6-45-7.8v70.3c25.1 7.5 51.5 9.8 77.6 4.7c47.1-9.1 76.8-48.4 76.8-100.8V155.1h-77.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 81.1h77.8v208.7c0 33.1 15 52.8 27.2 61c-12.7 11.1-51.2 20.9-80.2-2.8C7.8 334 0 310.7 0 289zm485.9 173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7c-56.6 0-102.7 46-102.7 102.7V357c16 2.3 35.4-.3 51.7-14c17.1-14 24.8-37.2 24.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6 52.2-34.6 52.2 0v77.1c0 56.6 46 102.7 102.7 102.7v-76.5c-14.5 0-26.1-11.7-26.1-25.9m-294.3-99v113c0 15.4-23.8 15.4-23.8 0v-113H91v132.7c0 23.8 8 54 45 63.9c37 9.8 58.2-10.6 58.2-10.6c-2.1 13.4-14.5 23.3-34.9 25.3c-15.5 1.6-35.2-3.6-45-7.8v70.3c25.1 7.5 51.5 9.8 77.6 4.7c47.1-9.1 76.8-48.4 76.8-100.8V155.1h-77.1z"/></svg>
</template>

CSS

.icon-lyft {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2081.1h77.8v208.7c0%2033.1%2015%2052.8%2027.2%2061c-12.7%2011.1-51.2%2020.9-80.2-2.8C7.8%20334%200%20310.7%200%20289zm485.9%20173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7c-56.6%200-102.7%2046-102.7%20102.7V357c16%202.3%2035.4-.3%2051.7-14c17.1-14%2024.8-37.2%2024.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6%2052.2-34.6%2052.2%200v77.1c0%2056.6%2046%20102.7%20102.7%20102.7v-76.5c-14.5%200-26.1-11.7-26.1-25.9m-294.3-99v113c0%2015.4-23.8%2015.4-23.8%200v-113H91v132.7c0%2023.8%208%2054%2045%2063.9c37%209.8%2058.2-10.6%2058.2-10.6c-2.1%2013.4-14.5%2023.3-34.9%2025.3c-15.5%201.6-35.2-3.6-45-7.8v70.3c25.1%207.5%2051.5%209.8%2077.6%204.7c47.1-9.1%2076.8-48.4%2076.8-100.8V155.1h-77.1z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2081.1h77.8v208.7c0%2033.1%2015%2052.8%2027.2%2061c-12.7%2011.1-51.2%2020.9-80.2-2.8C7.8%20334%200%20310.7%200%20289zm485.9%20173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7c-56.6%200-102.7%2046-102.7%20102.7V357c16%202.3%2035.4-.3%2051.7-14c17.1-14%2024.8-37.2%2024.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6%2052.2-34.6%2052.2%200v77.1c0%2056.6%2046%20102.7%20102.7%20102.7v-76.5c-14.5%200-26.1-11.7-26.1-25.9m-294.3-99v113c0%2015.4-23.8%2015.4-23.8%200v-113H91v132.7c0%2023.8%208%2054%2045%2063.9c37%209.8%2058.2-10.6%2058.2-10.6c-2.1%2013.4-14.5%2023.3-34.9%2025.3c-15.5%201.6-35.2-3.6-45-7.8v70.3c25.1%207.5%2051.5%209.8%2077.6%204.7c47.1-9.1%2076.8-48.4%2076.8-100.8V155.1h-77.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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