moped icon

moped-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
moped-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

mopedmoped-boldmoped-duotonemoped-fillmoped-thin

The same icon in other sets

mopedMaterial SymbolsmopedMaterial Symbols LightmopedMaterial Design IconsmopedTabler Icons

Related icons in Phosphor

moped-front

Use the moped icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 130a37.7 37.7 0 0 0-7.56.76l-34.82-92.87A6 6 0 0 0 168 34h-32a6 6 0 0 0 0 12h27.84l33.37 89a38.08 38.08 0 0 0-18.73 27h-43.32l-25.54-68.11A6 6 0 0 0 104 90H24a6 6 0 0 0 0 12h10v16.67A54.12 54.12 0 0 0 2 168a6 6 0 0 0 6 6h10.48a38 38 0 0 0 75 0h85A38 38 0 1 0 216 130m-174-1.61a6 6 0 0 0 4-5.66V102h53.84l22.5 60H14.43A42.07 42.07 0 0 1 42 128.39M56 194a26 26 0 0 1-25.29-20h50.58A26 26 0 0 1 56 194m160 0a26 26 0 0 1-14.5-47.57l8.88 23.68a6 6 0 0 0 11.24-4.22l-8.88-23.68A27 27 0 0 1 216 142a26 26 0 0 1 0 52"/></svg>

React

import type { SVGProps } from "react";

export function PhMopedLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 130a37.7 37.7 0 0 0-7.56.76l-34.82-92.87A6 6 0 0 0 168 34h-32a6 6 0 0 0 0 12h27.84l33.37 89a38.08 38.08 0 0 0-18.73 27h-43.32l-25.54-68.11A6 6 0 0 0 104 90H24a6 6 0 0 0 0 12h10v16.67A54.12 54.12 0 0 0 2 168a6 6 0 0 0 6 6h10.48a38 38 0 0 0 75 0h85A38 38 0 1 0 216 130m-174-1.61a6 6 0 0 0 4-5.66V102h53.84l22.5 60H14.43A42.07 42.07 0 0 1 42 128.39M56 194a26 26 0 0 1-25.29-20h50.58A26 26 0 0 1 56 194m160 0a26 26 0 0 1-14.5-47.57l8.88 23.68a6 6 0 0 0 11.24-4.22l-8.88-23.68A27 27 0 0 1 216 142a26 26 0 0 1 0 52"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 130a37.7 37.7 0 0 0-7.56.76l-34.82-92.87A6 6 0 0 0 168 34h-32a6 6 0 0 0 0 12h27.84l33.37 89a38.08 38.08 0 0 0-18.73 27h-43.32l-25.54-68.11A6 6 0 0 0 104 90H24a6 6 0 0 0 0 12h10v16.67A54.12 54.12 0 0 0 2 168a6 6 0 0 0 6 6h10.48a38 38 0 0 0 75 0h85A38 38 0 1 0 216 130m-174-1.61a6 6 0 0 0 4-5.66V102h53.84l22.5 60H14.43A42.07 42.07 0 0 1 42 128.39M56 194a26 26 0 0 1-25.29-20h50.58A26 26 0 0 1 56 194m160 0a26 26 0 0 1-14.5-47.57l8.88 23.68a6 6 0 0 0 11.24-4.22l-8.88-23.68A27 27 0 0 1 216 142a26 26 0 0 1 0 52"/></svg>
</template>

CSS

.icon-moped-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20130a37.7%2037.7%200%200%200-7.56.76l-34.82-92.87A6%206%200%200%200%20168%2034h-32a6%206%200%200%200%200%2012h27.84l33.37%2089a38.08%2038.08%200%200%200-18.73%2027h-43.32l-25.54-68.11A6%206%200%200%200%20104%2090H24a6%206%200%200%200%200%2012h10v16.67A54.12%2054.12%200%200%200%202%20168a6%206%200%200%200%206%206h10.48a38%2038%200%200%200%2075%200h85A38%2038%200%201%200%20216%20130m-174-1.61a6%206%200%200%200%204-5.66V102h53.84l22.5%2060H14.43A42.07%2042.07%200%200%201%2042%20128.39M56%20194a26%2026%200%200%201-25.29-20h50.58A26%2026%200%200%201%2056%20194m160%200a26%2026%200%200%201-14.5-47.57l8.88%2023.68a6%206%200%200%200%2011.24-4.22l-8.88-23.68A27%2027%200%200%201%20216%20142a26%2026%200%200%201%200%2052%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20130a37.7%2037.7%200%200%200-7.56.76l-34.82-92.87A6%206%200%200%200%20168%2034h-32a6%206%200%200%200%200%2012h27.84l33.37%2089a38.08%2038.08%200%200%200-18.73%2027h-43.32l-25.54-68.11A6%206%200%200%200%20104%2090H24a6%206%200%200%200%200%2012h10v16.67A54.12%2054.12%200%200%200%202%20168a6%206%200%200%200%206%206h10.48a38%2038%200%200%200%2075%200h85A38%2038%200%201%200%20216%20130m-174-1.61a6%206%200%200%200%204-5.66V102h53.84l22.5%2060H14.43A42.07%2042.07%200%200%201%2042%20128.39M56%20194a26%2026%200%200%201-25.29-20h50.58A26%2026%200%200%201%2056%20194m160%200a26%2026%200%200%201-14.5-47.57l8.88%2023.68a6%206%200%200%200%2011.24-4.22l-8.88-23.68A27%2027%200%200%201%20216%20142a26%2026%200%200%201%200%2052%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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