lyft logo
lyft from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- lyft
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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="M4.38 15.883c.036.042.125.135.125.135s-.094.059-.152.086a3.05 3.05 0 0 1-1.28.286C1.593 16.39 0 15.29 0 12.878v-8.78h3.512v9.365c0 .95.306 1.781.867 2.42zM24 11.122V7.61h-1.253c-.524-2.76-3.425-4.574-6.341-3.484c-1.624.607-2.943 2.548-2.943 4.282v7.979h.153a3.5 3.5 0 0 0 2.38-1.077c.632-.658.98-1.522.98-2.432h1.463V9.366h-1.463V8.4c0-.375.198-.726.526-.909c.9-.5 1.815.143 1.815.996v3.22c0 1.273.48 2.456 1.354 3.329a4.67 4.67 0 0 0 3.178 1.351H24v-3.51a1.17 1.17 0 0 1-1.17-1.17v-.586zm-14.927 1.17a.585.585 0 0 1-1.17 0V7.61H4.39v5.853a2.928 2.928 0 0 0 4.83 2.224c-.055.433-.294.792-.69 1.04c-.373.234-.857.357-1.402.357a3.8 3.8 0 0 1-1.65-.382s-.093-.044-.21-.11v3.119a6.7 6.7 0 0 0 2.468.484c1.312 0 2.51-.41 3.371-1.155c.967-.836 1.478-2.056 1.478-3.528V7.61H9.073z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsLyft(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="M4.38 15.883c.036.042.125.135.125.135s-.094.059-.152.086a3.05 3.05 0 0 1-1.28.286C1.593 16.39 0 15.29 0 12.878v-8.78h3.512v9.365c0 .95.306 1.781.867 2.42zM24 11.122V7.61h-1.253c-.524-2.76-3.425-4.574-6.341-3.484c-1.624.607-2.943 2.548-2.943 4.282v7.979h.153a3.5 3.5 0 0 0 2.38-1.077c.632-.658.98-1.522.98-2.432h1.463V9.366h-1.463V8.4c0-.375.198-.726.526-.909c.9-.5 1.815.143 1.815.996v3.22c0 1.273.48 2.456 1.354 3.329a4.67 4.67 0 0 0 3.178 1.351H24v-3.51a1.17 1.17 0 0 1-1.17-1.17v-.586zm-14.927 1.17a.585.585 0 0 1-1.17 0V7.61H4.39v5.853a2.928 2.928 0 0 0 4.83 2.224c-.055.433-.294.792-.69 1.04c-.373.234-.857.357-1.402.357a3.8 3.8 0 0 1-1.65-.382s-.093-.044-.21-.11v3.119a6.7 6.7 0 0 0 2.468.484c1.312 0 2.51-.41 3.371-1.155c.967-.836 1.478-2.056 1.478-3.528V7.61H9.073z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.38 15.883c.036.042.125.135.125.135s-.094.059-.152.086a3.05 3.05 0 0 1-1.28.286C1.593 16.39 0 15.29 0 12.878v-8.78h3.512v9.365c0 .95.306 1.781.867 2.42zM24 11.122V7.61h-1.253c-.524-2.76-3.425-4.574-6.341-3.484c-1.624.607-2.943 2.548-2.943 4.282v7.979h.153a3.5 3.5 0 0 0 2.38-1.077c.632-.658.98-1.522.98-2.432h1.463V9.366h-1.463V8.4c0-.375.198-.726.526-.909c.9-.5 1.815.143 1.815.996v3.22c0 1.273.48 2.456 1.354 3.329a4.67 4.67 0 0 0 3.178 1.351H24v-3.51a1.17 1.17 0 0 1-1.17-1.17v-.586zm-14.927 1.17a.585.585 0 0 1-1.17 0V7.61H4.39v5.853a2.928 2.928 0 0 0 4.83 2.224c-.055.433-.294.792-.69 1.04c-.373.234-.857.357-1.402.357a3.8 3.8 0 0 1-1.65-.382s-.093-.044-.21-.11v3.119a6.7 6.7 0 0 0 2.468.484c1.312 0 2.51-.41 3.371-1.155c.967-.836 1.478-2.056 1.478-3.528V7.61H9.073z"/></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%22M4.38%2015.883c.036.042.125.135.125.135s-.094.059-.152.086a3.05%203.05%200%200%201-1.28.286C1.593%2016.39%200%2015.29%200%2012.878v-8.78h3.512v9.365c0%20.95.306%201.781.867%202.42zM24%2011.122V7.61h-1.253c-.524-2.76-3.425-4.574-6.341-3.484c-1.624.607-2.943%202.548-2.943%204.282v7.979h.153a3.5%203.5%200%200%200%202.38-1.077c.632-.658.98-1.522.98-2.432h1.463V9.366h-1.463V8.4c0-.375.198-.726.526-.909c.9-.5%201.815.143%201.815.996v3.22c0%201.273.48%202.456%201.354%203.329a4.67%204.67%200%200%200%203.178%201.351H24v-3.51a1.17%201.17%200%200%201-1.17-1.17v-.586zm-14.927%201.17a.585.585%200%200%201-1.17%200V7.61H4.39v5.853a2.928%202.928%200%200%200%204.83%202.224c-.055.433-.294.792-.69%201.04c-.373.234-.857.357-1.402.357a3.8%203.8%200%200%201-1.65-.382s-.093-.044-.21-.11v3.119a6.7%206.7%200%200%200%202.468.484c1.312%200%202.51-.41%203.371-1.155c.967-.836%201.478-2.056%201.478-3.528V7.61H9.073z%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%22M4.38%2015.883c.036.042.125.135.125.135s-.094.059-.152.086a3.05%203.05%200%200%201-1.28.286C1.593%2016.39%200%2015.29%200%2012.878v-8.78h3.512v9.365c0%20.95.306%201.781.867%202.42zM24%2011.122V7.61h-1.253c-.524-2.76-3.425-4.574-6.341-3.484c-1.624.607-2.943%202.548-2.943%204.282v7.979h.153a3.5%203.5%200%200%200%202.38-1.077c.632-.658.98-1.522.98-2.432h1.463V9.366h-1.463V8.4c0-.375.198-.726.526-.909c.9-.5%201.815.143%201.815.996v3.22c0%201.273.48%202.456%201.354%203.329a4.67%204.67%200%200%200%203.178%201.351H24v-3.51a1.17%201.17%200%200%201-1.17-1.17v-.586zm-14.927%201.17a.585.585%200%200%201-1.17%200V7.61H4.39v5.853a2.928%202.928%200%200%200%204.83%202.224c-.055.433-.294.792-.69%201.04c-.373.234-.857.357-1.402.357a3.8%203.8%200%200%201-1.65-.382s-.093-.044-.21-.11v3.119a6.7%206.7%200%200%200%202.468.484c1.312%200%202.51-.41%203.371-1.155c.967-.836%201.478-2.056%201.478-3.528V7.61H9.073z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/lyft.svg?color=%231a73e8&size=48
