shirt folded icon

shirt-folded-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
shirt-folded-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

shirt-foldedshirt-folded-boldshirt-folded-duotoneshirt-folded-fillshirt-folded-light

Use the shirt folded icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 44h-22.34l-14.83-14.83A4 4 0 0 0 160 28H96a4 4 0 0 0-2.83 1.17L78.34 44H56a12 12 0 0 0-12 12v152a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12V56a12 12 0 0 0-12-12m-72 28.79L103.47 36h49.06Zm32.62-34.51L172 49.66V104a4 4 0 0 1-2.3 3.63a3.93 3.93 0 0 1-4.21-.51l-32.2-27.82ZM84 49.66l11.38-11.38l27.33 41l-32.17 27.8A4 4 0 0 1 84 104ZM52 208V56a4 4 0 0 1 4-4h20v52a11.89 11.89 0 0 0 6.91 10.87A12.1 12.1 0 0 0 88 116a11.88 11.88 0 0 0 7.65-2.8h.06L124 88.74V212H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68V88.74l28.32 24.46A11.9 11.9 0 0 0 168 116a12.1 12.1 0 0 0 5.12-1.15A11.89 11.89 0 0 0 180 104V52h20a4 4 0 0 1 4 4Z"/></svg>

React

import type { SVGProps } from "react";

export function PhShirtFoldedThin(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="M200 44h-22.34l-14.83-14.83A4 4 0 0 0 160 28H96a4 4 0 0 0-2.83 1.17L78.34 44H56a12 12 0 0 0-12 12v152a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12V56a12 12 0 0 0-12-12m-72 28.79L103.47 36h49.06Zm32.62-34.51L172 49.66V104a4 4 0 0 1-2.3 3.63a3.93 3.93 0 0 1-4.21-.51l-32.2-27.82ZM84 49.66l11.38-11.38l27.33 41l-32.17 27.8A4 4 0 0 1 84 104ZM52 208V56a4 4 0 0 1 4-4h20v52a11.89 11.89 0 0 0 6.91 10.87A12.1 12.1 0 0 0 88 116a11.88 11.88 0 0 0 7.65-2.8h.06L124 88.74V212H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68V88.74l28.32 24.46A11.9 11.9 0 0 0 168 116a12.1 12.1 0 0 0 5.12-1.15A11.89 11.89 0 0 0 180 104V52h20a4 4 0 0 1 4 4Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 44h-22.34l-14.83-14.83A4 4 0 0 0 160 28H96a4 4 0 0 0-2.83 1.17L78.34 44H56a12 12 0 0 0-12 12v152a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12V56a12 12 0 0 0-12-12m-72 28.79L103.47 36h49.06Zm32.62-34.51L172 49.66V104a4 4 0 0 1-2.3 3.63a3.93 3.93 0 0 1-4.21-.51l-32.2-27.82ZM84 49.66l11.38-11.38l27.33 41l-32.17 27.8A4 4 0 0 1 84 104ZM52 208V56a4 4 0 0 1 4-4h20v52a11.89 11.89 0 0 0 6.91 10.87A12.1 12.1 0 0 0 88 116a11.88 11.88 0 0 0 7.65-2.8h.06L124 88.74V212H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68V88.74l28.32 24.46A11.9 11.9 0 0 0 168 116a12.1 12.1 0 0 0 5.12-1.15A11.89 11.89 0 0 0 180 104V52h20a4 4 0 0 1 4 4Z"/></svg>
</template>

CSS

.icon-shirt-folded-thin {
  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%22M200%2044h-22.34l-14.83-14.83A4%204%200%200%200%20160%2028H96a4%204%200%200%200-2.83%201.17L78.34%2044H56a12%2012%200%200%200-12%2012v152a12%2012%200%200%200%2012%2012h144a12%2012%200%200%200%2012-12V56a12%2012%200%200%200-12-12m-72%2028.79L103.47%2036h49.06Zm32.62-34.51L172%2049.66V104a4%204%200%200%201-2.3%203.63a3.93%203.93%200%200%201-4.21-.51l-32.2-27.82ZM84%2049.66l11.38-11.38l27.33%2041l-32.17%2027.8A4%204%200%200%201%2084%20104ZM52%20208V56a4%204%200%200%201%204-4h20v52a11.89%2011.89%200%200%200%206.91%2010.87A12.1%2012.1%200%200%200%2088%20116a11.88%2011.88%200%200%200%207.65-2.8h.06L124%2088.74V212H56a4%204%200%200%201-4-4m152%200a4%204%200%200%201-4%204h-68V88.74l28.32%2024.46A11.9%2011.9%200%200%200%20168%20116a12.1%2012.1%200%200%200%205.12-1.15A11.89%2011.89%200%200%200%20180%20104V52h20a4%204%200%200%201%204%204Z%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%22M200%2044h-22.34l-14.83-14.83A4%204%200%200%200%20160%2028H96a4%204%200%200%200-2.83%201.17L78.34%2044H56a12%2012%200%200%200-12%2012v152a12%2012%200%200%200%2012%2012h144a12%2012%200%200%200%2012-12V56a12%2012%200%200%200-12-12m-72%2028.79L103.47%2036h49.06Zm32.62-34.51L172%2049.66V104a4%204%200%200%201-2.3%203.63a3.93%203.93%200%200%201-4.21-.51l-32.2-27.82ZM84%2049.66l11.38-11.38l27.33%2041l-32.17%2027.8A4%204%200%200%201%2084%20104ZM52%20208V56a4%204%200%200%201%204-4h20v52a11.89%2011.89%200%200%200%206.91%2010.87A12.1%2012.1%200%200%200%2088%20116a11.88%2011.88%200%200%200%207.65-2.8h.06L124%2088.74V212H56a4%204%200%200%201-4-4m152%200a4%204%200%200%201-4%204h-68V88.74l28.32%2024.46A11.9%2011.9%200%200%200%20168%20116a12.1%2012.1%200%200%200%205.12-1.15A11.89%2011.89%200%200%200%20180%20104V52h20a4%204%200%200%201%204%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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