map trifold icon

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

Name: map-trifold-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

map-trifold map-trifold-bold map-trifold-duotone map-trifold-fill map-trifold-thin

Related icons in Phosphor

map-pin map-pin-area map-pin-line map-pin-plus map-pin-simple map-pin-simple-area map-pin-simple-line

Use the map trifold icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.69 51.27a6 6 0 0 0-5.15-1.09L160.7 65.64l-62-31a6 6 0 0 0-4.14-.45l-64 16A6 6 0 0 0 26 56v144a6 6 0 0 0 7.46 5.82l61.84-15.46l62 31a6 6 0 0 0 4.14.45l64-16A6 6 0 0 0 230 200V56a6 6 0 0 0-2.31-4.73M102 49.71l52 26v130.58l-52-26Zm-64 11l52-13v131.61l-52 13Zm180 134.61l-52 13V76.68l52-13Z"/></svg>

React

import type { SVGProps } from "react";

export function PhMapTrifoldLight(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="M227.69 51.27a6 6 0 0 0-5.15-1.09L160.7 65.64l-62-31a6 6 0 0 0-4.14-.45l-64 16A6 6 0 0 0 26 56v144a6 6 0 0 0 7.46 5.82l61.84-15.46l62 31a6 6 0 0 0 4.14.45l64-16A6 6 0 0 0 230 200V56a6 6 0 0 0-2.31-4.73M102 49.71l52 26v130.58l-52-26Zm-64 11l52-13v131.61l-52 13Zm180 134.61l-52 13V76.68l52-13Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.69 51.27a6 6 0 0 0-5.15-1.09L160.7 65.64l-62-31a6 6 0 0 0-4.14-.45l-64 16A6 6 0 0 0 26 56v144a6 6 0 0 0 7.46 5.82l61.84-15.46l62 31a6 6 0 0 0 4.14.45l64-16A6 6 0 0 0 230 200V56a6 6 0 0 0-2.31-4.73M102 49.71l52 26v130.58l-52-26Zm-64 11l52-13v131.61l-52 13Zm180 134.61l-52 13V76.68l52-13Z"/></svg>
</template>

CSS

.icon-map-trifold-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%22M227.69%2051.27a6%206%200%200%200-5.15-1.09L160.7%2065.64l-62-31a6%206%200%200%200-4.14-.45l-64%2016A6%206%200%200%200%2026%2056v144a6%206%200%200%200%207.46%205.82l61.84-15.46l62%2031a6%206%200%200%200%204.14.45l64-16A6%206%200%200%200%20230%20200V56a6%206%200%200%200-2.31-4.73M102%2049.71l52%2026v130.58l-52-26Zm-64%2011l52-13v131.61l-52%2013Zm180%20134.61l-52%2013V76.68l52-13Z%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%22M227.69%2051.27a6%206%200%200%200-5.15-1.09L160.7%2065.64l-62-31a6%206%200%200%200-4.14-.45l-64%2016A6%206%200%200%200%2026%2056v144a6%206%200%200%200%207.46%205.82l61.84-15.46l62%2031a6%206%200%200%200%204.14.45l64-16A6%206%200%200%200%20230%20200V56a6%206%200%200%200-2.31-4.73M102%2049.71l52%2026v130.58l-52-26Zm-64%2011l52-13v131.61l-52%2013Zm180%20134.61l-52%2013V76.68l52-13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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