tote icon

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

Name: tote-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tote tote-bold tote-duotone tote-fill tote-light

Related icons in Phosphor

Use the tote icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233 72.06a12.1 12.1 0 0 0-9.08-4.06H172v-4a44 44 0 0 0-88 0v4H32.08A12.1 12.1 0 0 0 23 72.06a12 12 0 0 0-2.94 9.35l14.26 120a12 12 0 0 0 12 10.59h163.35a12 12 0 0 0 12-10.59l14.26-120a12 12 0 0 0-2.93-9.35M92 64a36 36 0 0 1 72 0v4H92Zm136 16.46l-14.25 120a4 4 0 0 1-4.05 3.54H46.33a4 4 0 0 1-4-3.54L28 80.46a3.9 3.9 0 0 1 1-3.09A4.08 4.08 0 0 1 32.08 76H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h51.92a4.08 4.08 0 0 1 3.08 1.37a3.9 3.9 0 0 1 1 3.09"/></svg>

React

import type { SVGProps } from "react";

export function PhToteThin(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="M233 72.06a12.1 12.1 0 0 0-9.08-4.06H172v-4a44 44 0 0 0-88 0v4H32.08A12.1 12.1 0 0 0 23 72.06a12 12 0 0 0-2.94 9.35l14.26 120a12 12 0 0 0 12 10.59h163.35a12 12 0 0 0 12-10.59l14.26-120a12 12 0 0 0-2.93-9.35M92 64a36 36 0 0 1 72 0v4H92Zm136 16.46l-14.25 120a4 4 0 0 1-4.05 3.54H46.33a4 4 0 0 1-4-3.54L28 80.46a3.9 3.9 0 0 1 1-3.09A4.08 4.08 0 0 1 32.08 76H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h51.92a4.08 4.08 0 0 1 3.08 1.37a3.9 3.9 0 0 1 1 3.09"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233 72.06a12.1 12.1 0 0 0-9.08-4.06H172v-4a44 44 0 0 0-88 0v4H32.08A12.1 12.1 0 0 0 23 72.06a12 12 0 0 0-2.94 9.35l14.26 120a12 12 0 0 0 12 10.59h163.35a12 12 0 0 0 12-10.59l14.26-120a12 12 0 0 0-2.93-9.35M92 64a36 36 0 0 1 72 0v4H92Zm136 16.46l-14.25 120a4 4 0 0 1-4.05 3.54H46.33a4 4 0 0 1-4-3.54L28 80.46a3.9 3.9 0 0 1 1-3.09A4.08 4.08 0 0 1 32.08 76H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h51.92a4.08 4.08 0 0 1 3.08 1.37a3.9 3.9 0 0 1 1 3.09"/></svg>
</template>

CSS

.icon-tote-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%22M233%2072.06a12.1%2012.1%200%200%200-9.08-4.06H172v-4a44%2044%200%200%200-88%200v4H32.08A12.1%2012.1%200%200%200%2023%2072.06a12%2012%200%200%200-2.94%209.35l14.26%20120a12%2012%200%200%200%2012%2010.59h163.35a12%2012%200%200%200%2012-10.59l14.26-120a12%2012%200%200%200-2.93-9.35M92%2064a36%2036%200%200%201%2072%200v4H92Zm136%2016.46l-14.25%20120a4%204%200%200%201-4.05%203.54H46.33a4%204%200%200%201-4-3.54L28%2080.46a3.9%203.9%200%200%201%201-3.09A4.08%204.08%200%200%201%2032.08%2076H84v28a4%204%200%200%200%208%200V76h72v28a4%204%200%200%200%208%200V76h51.92a4.08%204.08%200%200%201%203.08%201.37a3.9%203.9%200%200%201%201%203.09%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%22M233%2072.06a12.1%2012.1%200%200%200-9.08-4.06H172v-4a44%2044%200%200%200-88%200v4H32.08A12.1%2012.1%200%200%200%2023%2072.06a12%2012%200%200%200-2.94%209.35l14.26%20120a12%2012%200%200%200%2012%2010.59h163.35a12%2012%200%200%200%2012-10.59l14.26-120a12%2012%200%200%200-2.93-9.35M92%2064a36%2036%200%200%201%2072%200v4H92Zm136%2016.46l-14.25%20120a4%204%200%200%201-4.05%203.54H46.33a4%204%200%200%201-4-3.54L28%2080.46a3.9%203.9%200%200%201%201-3.09A4.08%204.08%200%200%201%2032.08%2076H84v28a4%204%200%200%200%208%200V76h72v28a4%204%200%200%200%208%200V76h51.92a4.08%204.08%200%200%201%203.08%201.37a3.9%203.9%200%200%201%201%203.09%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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