t shirt icon
t-shirt-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- t-shirt-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
t-shirtBoxIcons v2 Solidt-shirtEmoji One (Colored)t-shirtFont Awesome Solidt-shirt-outlineFlowbite Iconst-shirtFluent Emojit-shirtFluent Emoji Flatt-shirtFluent Emoji High Contrastt-shirtHuge Iconst-shirtIconParkt-shirtIconPark Outlinet-shirtIconPark Solidt-shirtIconPark TwoTonet-shirtMajesticonst-shirt-fillMingCute Icont-shirtNoto Emojit-shirtOpenMojit-shirt-fillRemix Icont-shirt-boldSolart-shirtStreamline Emojist-shirtTwitter Emoji
Use the t shirt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.68 64.73l-51.77-28.24A4 4 0 0 0 192 36h-32a4 4 0 0 0-4 4a28 28 0 0 1-56 0a4 4 0 0 0-4-4H64a4 4 0 0 0-1.9.5L10.32 64.73a11.79 11.79 0 0 0-5 15.89l19.28 36.81a12.37 12.37 0 0 0 11 6.57H60v84a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-84h24.33a12.37 12.37 0 0 0 11-6.57l19.28-36.81a11.79 11.79 0 0 0-4.93-15.89M35.67 116a4.46 4.46 0 0 1-4-2.28L12.44 76.91a3.79 3.79 0 0 1 1.71-5.15L60 46.74V116ZM188 208a4 4 0 0 1-4 4H72a4 4 0 0 1-4-4V44h24.22a36 36 0 0 0 71.56 0H188Zm55.56-131.09l-19.27 36.81a4.46 4.46 0 0 1-4 2.28H196V46.74l45.85 25a3.79 3.79 0 0 1 1.71 5.17"/></svg>
React
import type { SVGProps } from "react";
export function PhTShirtThin(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="m245.68 64.73l-51.77-28.24A4 4 0 0 0 192 36h-32a4 4 0 0 0-4 4a28 28 0 0 1-56 0a4 4 0 0 0-4-4H64a4 4 0 0 0-1.9.5L10.32 64.73a11.79 11.79 0 0 0-5 15.89l19.28 36.81a12.37 12.37 0 0 0 11 6.57H60v84a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-84h24.33a12.37 12.37 0 0 0 11-6.57l19.28-36.81a11.79 11.79 0 0 0-4.93-15.89M35.67 116a4.46 4.46 0 0 1-4-2.28L12.44 76.91a3.79 3.79 0 0 1 1.71-5.15L60 46.74V116ZM188 208a4 4 0 0 1-4 4H72a4 4 0 0 1-4-4V44h24.22a36 36 0 0 0 71.56 0H188Zm55.56-131.09l-19.27 36.81a4.46 4.46 0 0 1-4 2.28H196V46.74l45.85 25a3.79 3.79 0 0 1 1.71 5.17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.68 64.73l-51.77-28.24A4 4 0 0 0 192 36h-32a4 4 0 0 0-4 4a28 28 0 0 1-56 0a4 4 0 0 0-4-4H64a4 4 0 0 0-1.9.5L10.32 64.73a11.79 11.79 0 0 0-5 15.89l19.28 36.81a12.37 12.37 0 0 0 11 6.57H60v84a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-84h24.33a12.37 12.37 0 0 0 11-6.57l19.28-36.81a11.79 11.79 0 0 0-4.93-15.89M35.67 116a4.46 4.46 0 0 1-4-2.28L12.44 76.91a3.79 3.79 0 0 1 1.71-5.15L60 46.74V116ZM188 208a4 4 0 0 1-4 4H72a4 4 0 0 1-4-4V44h24.22a36 36 0 0 0 71.56 0H188Zm55.56-131.09l-19.27 36.81a4.46 4.46 0 0 1-4 2.28H196V46.74l45.85 25a3.79 3.79 0 0 1 1.71 5.17"/></svg> </template>
CSS
.icon-t-shirt-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%22m245.68%2064.73l-51.77-28.24A4%204%200%200%200%20192%2036h-32a4%204%200%200%200-4%204a28%2028%200%200%201-56%200a4%204%200%200%200-4-4H64a4%204%200%200%200-1.9.5L10.32%2064.73a11.79%2011.79%200%200%200-5%2015.89l19.28%2036.81a12.37%2012.37%200%200%200%2011%206.57H60v84a12%2012%200%200%200%2012%2012h112a12%2012%200%200%200%2012-12v-84h24.33a12.37%2012.37%200%200%200%2011-6.57l19.28-36.81a11.79%2011.79%200%200%200-4.93-15.89M35.67%20116a4.46%204.46%200%200%201-4-2.28L12.44%2076.91a3.79%203.79%200%200%201%201.71-5.15L60%2046.74V116ZM188%20208a4%204%200%200%201-4%204H72a4%204%200%200%201-4-4V44h24.22a36%2036%200%200%200%2071.56%200H188Zm55.56-131.09l-19.27%2036.81a4.46%204.46%200%200%201-4%202.28H196V46.74l45.85%2025a3.79%203.79%200%200%201%201.71%205.17%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%22m245.68%2064.73l-51.77-28.24A4%204%200%200%200%20192%2036h-32a4%204%200%200%200-4%204a28%2028%200%200%201-56%200a4%204%200%200%200-4-4H64a4%204%200%200%200-1.9.5L10.32%2064.73a11.79%2011.79%200%200%200-5%2015.89l19.28%2036.81a12.37%2012.37%200%200%200%2011%206.57H60v84a12%2012%200%200%200%2012%2012h112a12%2012%200%200%200%2012-12v-84h24.33a12.37%2012.37%200%200%200%2011-6.57l19.28-36.81a11.79%2011.79%200%200%200-4.93-15.89M35.67%20116a4.46%204.46%200%200%201-4-2.28L12.44%2076.91a3.79%203.79%200%200%201%201.71-5.15L60%2046.74V116ZM188%20208a4%204%200%200%201-4%204H72a4%204%200%200%201-4-4V44h24.22a36%2036%200%200%200%2071.56%200H188Zm55.56-131.09l-19.27%2036.81a4.46%204.46%200%200%201-4%202.28H196V46.74l45.85%2025a3.79%203.79%200%200%201%201.71%205.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/t-shirt-thin.svg?color=%231a73e8&size=48
