shirt icon
shirt-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- shirt-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the shirt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 42c-33.88 0-64-10-64-10v2a64 64 0 0 0 128 0v-2s-30.12 10-64 10"/><path fill="currentColor" d="M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114l61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114Z"/></svg>
React
import type { SVGProps } from "react";
export function IonShirtSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 42c-33.88 0-64-10-64-10v2a64 64 0 0 0 128 0v-2s-30.12 10-64 10"/><path fill="currentColor" d="M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114l61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 42c-33.88 0-64-10-64-10v2a64 64 0 0 0 128 0v-2s-30.12 10-64 10"/><path fill="currentColor" d="M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114l61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114Z"/></svg> </template>
CSS
.icon-shirt-sharp {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2042c-33.88%200-64-10-64-10v2a64%2064%200%200%200%20128%200v-2s-30.12%2010-64%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2044c-5.49%2047.76-46.79%2085-96%2085s-90.51-37.24-96-85L16%2094l18%20114l61.71%207.42c7.08.9%207.1.9%207.1%208.19L96%20480h320l-6.81-256.39c-.21-7-.21-7%207.1-8.19L478%20208l18-114Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2042c-33.88%200-64-10-64-10v2a64%2064%200%200%200%20128%200v-2s-30.12%2010-64%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2044c-5.49%2047.76-46.79%2085-96%2085s-90.51-37.24-96-85L16%2094l18%20114l61.71%207.42c7.08.9%207.1.9%207.1%208.19L96%20480h320l-6.81-256.39c-.21-7-.21-7%207.1-8.19L478%20208l18-114Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/shirt-sharp.svg?color=%231a73e8&size=48
