moped-package-rounded from Material Symbols Light by Google · Rounded · Transit · Apache-2.0 Free for personal and commercial use.

Name
moped-package-rounded
Set
Material Symbols Light
Style
Rounded
Category
Transit
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More transit icons from Material Symbols Light

Use the moped package icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 8.116V4h5.692v4.116zm1.423 9.155q-.73-.73-.73-1.771H3.5q-.343 0-.575-.232t-.233-.576V13q0-1.458 1.021-2.479T6.194 9.5h1.884q.666 0 1.14.475t.475 1.14V14.5h4.231l3.77-4.658V7.308q0-.27-.174-.442q-.173-.174-.442-.174h-1.885q-.212 0-.356-.144q-.144-.143-.144-.356t.144-.356t.356-.144h1.885q.666 0 1.14.475t.475 1.14v2.277q0 .3-.092.546t-.256.462l-3.398 4.293q-.218.287-.556.451t-.711.164H9.692q0 1.038-.728 1.77t-1.77.73t-1.771-.73m2.828-.711q.441-.442.441-1.059h-3q0 .617.442 1.059q.441.441 1.058.441t1.059-.441m8.788.712q-.731-.728-.731-1.769t.728-1.771t1.77-.731t1.771.729t.73 1.769t-.728 1.771T18.81 18t-1.771-.728m2.827-.713q.442-.442.442-1.059t-.442-1.059T18.808 14t-1.059.441q-.441.442-.441 1.059t.441 1.059q.442.441 1.059.441t1.058-.441"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMopedPackageRounded(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 8.116V4h5.692v4.116zm1.423 9.155q-.73-.73-.73-1.771H3.5q-.343 0-.575-.232t-.233-.576V13q0-1.458 1.021-2.479T6.194 9.5h1.884q.666 0 1.14.475t.475 1.14V14.5h4.231l3.77-4.658V7.308q0-.27-.174-.442q-.173-.174-.442-.174h-1.885q-.212 0-.356-.144q-.144-.143-.144-.356t.144-.356t.356-.144h1.885q.666 0 1.14.475t.475 1.14v2.277q0 .3-.092.546t-.256.462l-3.398 4.293q-.218.287-.556.451t-.711.164H9.692q0 1.038-.728 1.77t-1.77.73t-1.771-.73m2.828-.711q.441-.442.441-1.059h-3q0 .617.442 1.059q.441.441 1.058.441t1.059-.441m8.788.712q-.731-.728-.731-1.769t.728-1.771t1.77-.731t1.771.729t.73 1.769t-.728 1.771T18.81 18t-1.771-.728m2.827-.713q.442-.442.442-1.059t-.442-1.059T18.808 14t-1.059.441q-.441.442-.441 1.059t.441 1.059q.442.441 1.059.441t1.058-.441"/></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 8.116V4h5.692v4.116zm1.423 9.155q-.73-.73-.73-1.771H3.5q-.343 0-.575-.232t-.233-.576V13q0-1.458 1.021-2.479T6.194 9.5h1.884q.666 0 1.14.475t.475 1.14V14.5h4.231l3.77-4.658V7.308q0-.27-.174-.442q-.173-.174-.442-.174h-1.885q-.212 0-.356-.144q-.144-.143-.144-.356t.144-.356t.356-.144h1.885q.666 0 1.14.475t.475 1.14v2.277q0 .3-.092.546t-.256.462l-3.398 4.293q-.218.287-.556.451t-.711.164H9.692q0 1.038-.728 1.77t-1.77.73t-1.771-.73m2.828-.711q.441-.442.441-1.059h-3q0 .617.442 1.059q.441.441 1.058.441t1.059-.441m8.788.712q-.731-.728-.731-1.769t.728-1.771t1.77-.731t1.771.729t.73 1.769t-.728 1.771T18.81 18t-1.771-.728m2.827-.713q.442-.442.442-1.059t-.442-1.059T18.808 14t-1.059.441q-.441.442-.441 1.059t.441 1.059q.442.441 1.059.441t1.058-.441"/></svg>
</template>

CSS

.icon-moped-package-rounded {
  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%208.116V4h5.692v4.116zm1.423%209.155q-.73-.73-.73-1.771H3.5q-.343%200-.575-.232t-.233-.576V13q0-1.458%201.021-2.479T6.194%209.5h1.884q.666%200%201.14.475t.475%201.14V14.5h4.231l3.77-4.658V7.308q0-.27-.174-.442q-.173-.174-.442-.174h-1.885q-.212%200-.356-.144q-.144-.143-.144-.356t.144-.356t.356-.144h1.885q.666%200%201.14.475t.475%201.14v2.277q0%20.3-.092.546t-.256.462l-3.398%204.293q-.218.287-.556.451t-.711.164H9.692q0%201.038-.728%201.77t-1.77.73t-1.771-.73m2.828-.711q.441-.442.441-1.059h-3q0%20.617.442%201.059q.441.441%201.058.441t1.059-.441m8.788.712q-.731-.728-.731-1.769t.728-1.771t1.77-.731t1.771.729t.73%201.769t-.728%201.771T18.81%2018t-1.771-.728m2.827-.713q.442-.442.442-1.059t-.442-1.059T18.808%2014t-1.059.441q-.441.442-.441%201.059t.441%201.059q.442.441%201.059.441t1.058-.441%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%208.116V4h5.692v4.116zm1.423%209.155q-.73-.73-.73-1.771H3.5q-.343%200-.575-.232t-.233-.576V13q0-1.458%201.021-2.479T6.194%209.5h1.884q.666%200%201.14.475t.475%201.14V14.5h4.231l3.77-4.658V7.308q0-.27-.174-.442q-.173-.174-.442-.174h-1.885q-.212%200-.356-.144q-.144-.143-.144-.356t.144-.356t.356-.144h1.885q.666%200%201.14.475t.475%201.14v2.277q0%20.3-.092.546t-.256.462l-3.398%204.293q-.218.287-.556.451t-.711.164H9.692q0%201.038-.728%201.77t-1.77.73t-1.771-.73m2.828-.711q.441-.442.441-1.059h-3q0%20.617.442%201.059q.441.441%201.058.441t1.059-.441m8.788.712q-.731-.728-.731-1.769t.728-1.771t1.77-.731t1.771.729t.73%201.769t-.728%201.771T18.81%2018t-1.771-.728m2.827-.713q.442-.442.442-1.059t-.442-1.059T18.808%2014t-1.059.441q-.441.442-.441%201.059t.441%201.059q.442.441%201.059.441t1.058-.441%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/moped-package-rounded.svg?color=%231a73e8&size=48