pants icon

pants-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
pants-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

pantspants-boldpants-duotonepants-lightpants-thin

The same icon in other sets

pantsIconoir

Use the pants icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m53.44 43.5l.68-5.5A16 16 0 0 1 70 24h116a16 16 0 0 1 15.88 14l.68 5.49a4 4 0 0 1-4 4.5H57.41a4 4 0 0 1-3.97-4.49M169 64a32.06 32.06 0 0 0 31 24h3.59a4 4 0 0 0 4-4.5l-2-16a4 4 0 0 0-4-3.5ZM52.41 88H56a32.06 32.06 0 0 0 31-24H54.41a4 4 0 0 0-4 3.5l-2 16a4 4 0 0 0 4 4.5m171.47 126l-13.32-106.5a4 4 0 0 0-4-3.5H200a48.07 48.07 0 0 1-47.32-40H136v39.73a8.18 8.18 0 0 1-7.47 8.25a8 8 0 0 1-8.53-8V64h-16.68A48.07 48.07 0 0 1 56 104h-6.59a4 4 0 0 0-4 3.5L32.12 214a16 16 0 0 0 6.71 15.09a16.56 16.56 0 0 0 9.56 2.91h40.3a16 16 0 0 0 15.51-12.06l23.8-92l23.79 91.94A16 16 0 0 0 167.31 232h40.3a16.54 16.54 0 0 0 9.56-2.89a16 16 0 0 0 6.71-15.11"/></svg>

React

import type { SVGProps } from "react";

export function PhPantsFill(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="m53.44 43.5l.68-5.5A16 16 0 0 1 70 24h116a16 16 0 0 1 15.88 14l.68 5.49a4 4 0 0 1-4 4.5H57.41a4 4 0 0 1-3.97-4.49M169 64a32.06 32.06 0 0 0 31 24h3.59a4 4 0 0 0 4-4.5l-2-16a4 4 0 0 0-4-3.5ZM52.41 88H56a32.06 32.06 0 0 0 31-24H54.41a4 4 0 0 0-4 3.5l-2 16a4 4 0 0 0 4 4.5m171.47 126l-13.32-106.5a4 4 0 0 0-4-3.5H200a48.07 48.07 0 0 1-47.32-40H136v39.73a8.18 8.18 0 0 1-7.47 8.25a8 8 0 0 1-8.53-8V64h-16.68A48.07 48.07 0 0 1 56 104h-6.59a4 4 0 0 0-4 3.5L32.12 214a16 16 0 0 0 6.71 15.09a16.56 16.56 0 0 0 9.56 2.91h40.3a16 16 0 0 0 15.51-12.06l23.8-92l23.79 91.94A16 16 0 0 0 167.31 232h40.3a16.54 16.54 0 0 0 9.56-2.89a16 16 0 0 0 6.71-15.11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m53.44 43.5l.68-5.5A16 16 0 0 1 70 24h116a16 16 0 0 1 15.88 14l.68 5.49a4 4 0 0 1-4 4.5H57.41a4 4 0 0 1-3.97-4.49M169 64a32.06 32.06 0 0 0 31 24h3.59a4 4 0 0 0 4-4.5l-2-16a4 4 0 0 0-4-3.5ZM52.41 88H56a32.06 32.06 0 0 0 31-24H54.41a4 4 0 0 0-4 3.5l-2 16a4 4 0 0 0 4 4.5m171.47 126l-13.32-106.5a4 4 0 0 0-4-3.5H200a48.07 48.07 0 0 1-47.32-40H136v39.73a8.18 8.18 0 0 1-7.47 8.25a8 8 0 0 1-8.53-8V64h-16.68A48.07 48.07 0 0 1 56 104h-6.59a4 4 0 0 0-4 3.5L32.12 214a16 16 0 0 0 6.71 15.09a16.56 16.56 0 0 0 9.56 2.91h40.3a16 16 0 0 0 15.51-12.06l23.8-92l23.79 91.94A16 16 0 0 0 167.31 232h40.3a16.54 16.54 0 0 0 9.56-2.89a16 16 0 0 0 6.71-15.11"/></svg>
</template>

CSS

.icon-pants-fill {
  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%22m53.44%2043.5l.68-5.5A16%2016%200%200%201%2070%2024h116a16%2016%200%200%201%2015.88%2014l.68%205.49a4%204%200%200%201-4%204.5H57.41a4%204%200%200%201-3.97-4.49M169%2064a32.06%2032.06%200%200%200%2031%2024h3.59a4%204%200%200%200%204-4.5l-2-16a4%204%200%200%200-4-3.5ZM52.41%2088H56a32.06%2032.06%200%200%200%2031-24H54.41a4%204%200%200%200-4%203.5l-2%2016a4%204%200%200%200%204%204.5m171.47%20126l-13.32-106.5a4%204%200%200%200-4-3.5H200a48.07%2048.07%200%200%201-47.32-40H136v39.73a8.18%208.18%200%200%201-7.47%208.25a8%208%200%200%201-8.53-8V64h-16.68A48.07%2048.07%200%200%201%2056%20104h-6.59a4%204%200%200%200-4%203.5L32.12%20214a16%2016%200%200%200%206.71%2015.09a16.56%2016.56%200%200%200%209.56%202.91h40.3a16%2016%200%200%200%2015.51-12.06l23.8-92l23.79%2091.94A16%2016%200%200%200%20167.31%20232h40.3a16.54%2016.54%200%200%200%209.56-2.89a16%2016%200%200%200%206.71-15.11%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%22m53.44%2043.5l.68-5.5A16%2016%200%200%201%2070%2024h116a16%2016%200%200%201%2015.88%2014l.68%205.49a4%204%200%200%201-4%204.5H57.41a4%204%200%200%201-3.97-4.49M169%2064a32.06%2032.06%200%200%200%2031%2024h3.59a4%204%200%200%200%204-4.5l-2-16a4%204%200%200%200-4-3.5ZM52.41%2088H56a32.06%2032.06%200%200%200%2031-24H54.41a4%204%200%200%200-4%203.5l-2%2016a4%204%200%200%200%204%204.5m171.47%20126l-13.32-106.5a4%204%200%200%200-4-3.5H200a48.07%2048.07%200%200%201-47.32-40H136v39.73a8.18%208.18%200%200%201-7.47%208.25a8%208%200%200%201-8.53-8V64h-16.68A48.07%2048.07%200%200%201%2056%20104h-6.59a4%204%200%200%200-4%203.5L32.12%20214a16%2016%200%200%200%206.71%2015.09a16.56%2016.56%200%200%200%209.56%202.91h40.3a16%2016%200%200%200%2015.51-12.06l23.8-92l23.79%2091.94A16%2016%200%200%200%20167.31%20232h40.3a16.54%2016.54%200%200%200%209.56-2.89a16%2016%200%200%200%206.71-15.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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