lyft logo
lyft from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- lyft
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the lyft logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.98 11.94v-.86h.93V8.07h-1.02a4.01 4.01 0 0 0-7.93.85v7.02c.63.09 1.38-.01 2.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02 1.02-1.02s1.02.46 1.02 1.02v3.01c0 2.21 1.8 4.01 4.01 4.01v-2.99c-.56 0-1.02-.46-1.02-1.02Zm-11.5.55c0 .25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0 .93.32 2.11 1.76 2.5c1.44.38 2.28-.41 2.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29 2.01.38 3.03.19c1.84-.36 3-1.89 3-3.94V8.09H9.48v4.41Z"/><path fill="currentColor" d="M5.04 13.32V5.17H2v8.12c0 .85.3 1.76.97 2.31c1.13.93 2.63.55 3.13.11c-.47-.33-1.06-1.1-1.06-2.39"/></svg>
React
import type { SVGProps } from "react";
export function BxlLyft(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" d="M20.98 11.94v-.86h.93V8.07h-1.02a4.01 4.01 0 0 0-7.93.85v7.02c.63.09 1.38-.01 2.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02 1.02-1.02s1.02.46 1.02 1.02v3.01c0 2.21 1.8 4.01 4.01 4.01v-2.99c-.56 0-1.02-.46-1.02-1.02Zm-11.5.55c0 .25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0 .93.32 2.11 1.76 2.5c1.44.38 2.28-.41 2.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29 2.01.38 3.03.19c1.84-.36 3-1.89 3-3.94V8.09H9.48v4.41Z"/><path fill="currentColor" d="M5.04 13.32V5.17H2v8.12c0 .85.3 1.76.97 2.31c1.13.93 2.63.55 3.13.11c-.47-.33-1.06-1.1-1.06-2.39"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.98 11.94v-.86h.93V8.07h-1.02a4.01 4.01 0 0 0-7.93.85v7.02c.63.09 1.38-.01 2.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02 1.02-1.02s1.02.46 1.02 1.02v3.01c0 2.21 1.8 4.01 4.01 4.01v-2.99c-.56 0-1.02-.46-1.02-1.02Zm-11.5.55c0 .25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0 .93.32 2.11 1.76 2.5c1.44.38 2.28-.41 2.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29 2.01.38 3.03.19c1.84-.36 3-1.89 3-3.94V8.09H9.48v4.41Z"/><path fill="currentColor" d="M5.04 13.32V5.17H2v8.12c0 .85.3 1.76.97 2.31c1.13.93 2.63.55 3.13.11c-.47-.33-1.06-1.1-1.06-2.39"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.98%2011.94v-.86h.93V8.07h-1.02a4.01%204.01%200%200%200-7.93.85v7.02c.63.09%201.38-.01%202.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02%201.02-1.02s1.02.46%201.02%201.02v3.01c0%202.21%201.8%204.01%204.01%204.01v-2.99c-.56%200-1.02-.46-1.02-1.02Zm-11.5.55c0%20.25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0%20.93.32%202.11%201.76%202.5c1.44.38%202.28-.41%202.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29%202.01.38%203.03.19c1.84-.36%203-1.89%203-3.94V8.09H9.48v4.41Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.04%2013.32V5.17H2v8.12c0%20.85.3%201.76.97%202.31c1.13.93%202.63.55%203.13.11c-.47-.33-1.06-1.1-1.06-2.39%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%20d%3D%22M20.98%2011.94v-.86h.93V8.07h-1.02a4.01%204.01%200%200%200-7.93.85v7.02c.63.09%201.38-.01%202.02-.54c.66-.55.96-1.45.96-2.31v-.26h1.52V9.82h-1.52v-.91c0-.56.46-1.02%201.02-1.02s1.02.46%201.02%201.02v3.01c0%202.21%201.8%204.01%204.01%204.01v-2.99c-.56%200-1.02-.46-1.02-1.02Zm-11.5.55c0%20.25-.21.45-.46.45s-.46-.2-.46-.45V8.08H5.55v5.19c0%20.93.32%202.11%201.76%202.5c1.44.38%202.28-.41%202.28-.41c-.08.52-.57.91-1.37.99c-.6.06-1.37-.14-1.76-.3v2.75c.98.29%202.01.38%203.03.19c1.84-.36%203-1.89%203-3.94V8.09H9.48v4.41Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.04%2013.32V5.17H2v8.12c0%20.85.3%201.76.97%202.31c1.13.93%202.63.55%203.13.11c-.47-.33-1.06-1.1-1.06-2.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/lyft.svg?color=%231a73e8&size=48
