shirt folded icon

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

Name
shirt-folded-duotone
Set
Phosphor
Style
Duotone
Viewbox
256×256
License
MIT

5 other variants in Phosphor

shirt-foldedshirt-folded-boldshirt-folded-fillshirt-folded-lightshirt-folded-thin

Use the shirt folded icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 56v152a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8V56a8 8 0 0 1 8-8h24v56a8 8 0 0 0 13.12 6.15L128 80l34.88 30.13A8 8 0 0 0 176 104V48h24a8 8 0 0 1 8 8" opacity=".2"/><path d="M200 40h-20.69l-13.65-13.66A8 8 0 0 0 160 24H96a8 8 0 0 0-5.66 2.34L76.69 40H56a16 16 0 0 0-16 16v152a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-38.76 4.56l6.76 6.75V104l-29.43-25.44ZM88 51.31l6.76-6.75l22.67 34L88 104ZM56 56h16v48a15.85 15.85 0 0 0 9.21 14.49A16.1 16.1 0 0 0 88 120a15.9 15.9 0 0 0 10.2-3.73a.5.5 0 0 0 .11-.1L120 97.48V208H56Zm144 152h-64V97.48l21.65 18.7a.5.5 0 0 0 .11.1A15.9 15.9 0 0 0 168 120a16.1 16.1 0 0 0 6.83-1.54A15.85 15.85 0 0 0 184 104V56h16Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhShirtFoldedDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 56v152a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8V56a8 8 0 0 1 8-8h24v56a8 8 0 0 0 13.12 6.15L128 80l34.88 30.13A8 8 0 0 0 176 104V48h24a8 8 0 0 1 8 8" opacity=".2"/><path d="M200 40h-20.69l-13.65-13.66A8 8 0 0 0 160 24H96a8 8 0 0 0-5.66 2.34L76.69 40H56a16 16 0 0 0-16 16v152a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-38.76 4.56l6.76 6.75V104l-29.43-25.44ZM88 51.31l6.76-6.75l22.67 34L88 104ZM56 56h16v48a15.85 15.85 0 0 0 9.21 14.49A16.1 16.1 0 0 0 88 120a15.9 15.9 0 0 0 10.2-3.73a.5.5 0 0 0 .11-.1L120 97.48V208H56Zm144 152h-64V97.48l21.65 18.7a.5.5 0 0 0 .11.1A15.9 15.9 0 0 0 168 120a16.1 16.1 0 0 0 6.83-1.54A15.85 15.85 0 0 0 184 104V56h16Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 56v152a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8V56a8 8 0 0 1 8-8h24v56a8 8 0 0 0 13.12 6.15L128 80l34.88 30.13A8 8 0 0 0 176 104V48h24a8 8 0 0 1 8 8" opacity=".2"/><path d="M200 40h-20.69l-13.65-13.66A8 8 0 0 0 160 24H96a8 8 0 0 0-5.66 2.34L76.69 40H56a16 16 0 0 0-16 16v152a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-38.76 4.56l6.76 6.75V104l-29.43-25.44ZM88 51.31l6.76-6.75l22.67 34L88 104ZM56 56h16v48a15.85 15.85 0 0 0 9.21 14.49A16.1 16.1 0 0 0 88 120a15.9 15.9 0 0 0 10.2-3.73a.5.5 0 0 0 .11-.1L120 97.48V208H56Zm144 152h-64V97.48l21.65 18.7a.5.5 0 0 0 .11.1A15.9 15.9 0 0 0 168 120a16.1 16.1 0 0 0 6.83-1.54A15.85 15.85 0 0 0 184 104V56h16Z"/></g></svg>
</template>

CSS

.icon-shirt-folded-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2056v152a8%208%200%200%201-8%208H56a8%208%200%200%201-8-8V56a8%208%200%200%201%208-8h24v56a8%208%200%200%200%2013.12%206.15L128%2080l34.88%2030.13A8%208%200%200%200%20176%20104V48h24a8%208%200%200%201%208%208%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M200%2040h-20.69l-13.65-13.66A8%208%200%200%200%20160%2024H96a8%208%200%200%200-5.66%202.34L76.69%2040H56a16%2016%200%200%200-16%2016v152a16%2016%200%200%200%2016%2016h144a16%2016%200%200%200%2016-16V56a16%2016%200%200%200-16-16m-38.76%204.56l6.76%206.75V104l-29.43-25.44ZM88%2051.31l6.76-6.75l22.67%2034L88%20104ZM56%2056h16v48a15.85%2015.85%200%200%200%209.21%2014.49A16.1%2016.1%200%200%200%2088%20120a15.9%2015.9%200%200%200%2010.2-3.73a.5.5%200%200%200%20.11-.1L120%2097.48V208H56Zm144%20152h-64V97.48l21.65%2018.7a.5.5%200%200%200%20.11.1A15.9%2015.9%200%200%200%20168%20120a16.1%2016.1%200%200%200%206.83-1.54A15.85%2015.85%200%200%200%20184%20104V56h16Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2056v152a8%208%200%200%201-8%208H56a8%208%200%200%201-8-8V56a8%208%200%200%201%208-8h24v56a8%208%200%200%200%2013.12%206.15L128%2080l34.88%2030.13A8%208%200%200%200%20176%20104V48h24a8%208%200%200%201%208%208%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M200%2040h-20.69l-13.65-13.66A8%208%200%200%200%20160%2024H96a8%208%200%200%200-5.66%202.34L76.69%2040H56a16%2016%200%200%200-16%2016v152a16%2016%200%200%200%2016%2016h144a16%2016%200%200%200%2016-16V56a16%2016%200%200%200-16-16m-38.76%204.56l6.76%206.75V104l-29.43-25.44ZM88%2051.31l6.76-6.75l22.67%2034L88%20104ZM56%2056h16v48a15.85%2015.85%200%200%200%209.21%2014.49A16.1%2016.1%200%200%200%2088%20120a15.9%2015.9%200%200%200%2010.2-3.73a.5.5%200%200%200%20.11-.1L120%2097.48V208H56Zm144%20152h-64V97.48l21.65%2018.7a.5.5%200%200%200%20.11.1A15.9%2015.9%200%200%200%20168%20120a16.1%2016.1%200%200%200%206.83-1.54A15.85%2015.85%200%200%200%20184%20104V56h16Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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