shirt icon
shirt from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- shirt
- Set
- IonIcons
- Style
- Regular
- 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 96c33.08 0 60.71-25.78 64-58c.3-3-3-6-6-6a13 13 0 0 0-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.2 16.2 0 0 0-5.3-.9h-.06a5.69 5.69 0 0 0-5.38 6c3.35 32.16 31 58 64 58"/><path fill="currentColor" d="M485.29 89.9L356 44.64a4 4 0 0 0-5.27 3.16a96 96 0 0 1-189.38 0a4 4 0 0 0-5.35-3.16L26.71 89.9A16 16 0 0 0 16.28 108l16.63 88a16 16 0 0 0 13.92 12.9l48.88 5.52a8 8 0 0 1 7.1 8.19l-7.33 240.9a16 16 0 0 0 9.1 14.94A17.5 17.5 0 0 0 112 480h288a17.5 17.5 0 0 0 7.42-1.55a16 16 0 0 0 9.1-14.94l-7.33-240.9a8 8 0 0 1 7.1-8.19l48.88-5.52a16 16 0 0 0 13.92-12.9l16.63-88a16 16 0 0 0-10.43-18.1"/></svg>
React
import type { SVGProps } from "react";
export function IonShirt(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 96c33.08 0 60.71-25.78 64-58c.3-3-3-6-6-6a13 13 0 0 0-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.2 16.2 0 0 0-5.3-.9h-.06a5.69 5.69 0 0 0-5.38 6c3.35 32.16 31 58 64 58"/><path fill="currentColor" d="M485.29 89.9L356 44.64a4 4 0 0 0-5.27 3.16a96 96 0 0 1-189.38 0a4 4 0 0 0-5.35-3.16L26.71 89.9A16 16 0 0 0 16.28 108l16.63 88a16 16 0 0 0 13.92 12.9l48.88 5.52a8 8 0 0 1 7.1 8.19l-7.33 240.9a16 16 0 0 0 9.1 14.94A17.5 17.5 0 0 0 112 480h288a17.5 17.5 0 0 0 7.42-1.55a16 16 0 0 0 9.1-14.94l-7.33-240.9a8 8 0 0 1 7.1-8.19l48.88-5.52a16 16 0 0 0 13.92-12.9l16.63-88a16 16 0 0 0-10.43-18.1"/></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 96c33.08 0 60.71-25.78 64-58c.3-3-3-6-6-6a13 13 0 0 0-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.2 16.2 0 0 0-5.3-.9h-.06a5.69 5.69 0 0 0-5.38 6c3.35 32.16 31 58 64 58"/><path fill="currentColor" d="M485.29 89.9L356 44.64a4 4 0 0 0-5.27 3.16a96 96 0 0 1-189.38 0a4 4 0 0 0-5.35-3.16L26.71 89.9A16 16 0 0 0 16.28 108l16.63 88a16 16 0 0 0 13.92 12.9l48.88 5.52a8 8 0 0 1 7.1 8.19l-7.33 240.9a16 16 0 0 0 9.1 14.94A17.5 17.5 0 0 0 112 480h288a17.5 17.5 0 0 0 7.42-1.55a16 16 0 0 0 9.1-14.94l-7.33-240.9a8 8 0 0 1 7.1-8.19l48.88-5.52a16 16 0 0 0 13.92-12.9l16.63-88a16 16 0 0 0-10.43-18.1"/></svg> </template>
CSS
.icon-shirt {
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%2096c33.08%200%2060.71-25.78%2064-58c.3-3-3-6-6-6a13%2013%200%200%200-4.74.9c-.2.08-21.1%208.1-53.26%208.1s-53.1-8-53.26-8.1a16.2%2016.2%200%200%200-5.3-.9h-.06a5.69%205.69%200%200%200-5.38%206c3.35%2032.16%2031%2058%2064%2058%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M485.29%2089.9L356%2044.64a4%204%200%200%200-5.27%203.16a96%2096%200%200%201-189.38%200a4%204%200%200%200-5.35-3.16L26.71%2089.9A16%2016%200%200%200%2016.28%20108l16.63%2088a16%2016%200%200%200%2013.92%2012.9l48.88%205.52a8%208%200%200%201%207.1%208.19l-7.33%20240.9a16%2016%200%200%200%209.1%2014.94A17.5%2017.5%200%200%200%20112%20480h288a17.5%2017.5%200%200%200%207.42-1.55a16%2016%200%200%200%209.1-14.94l-7.33-240.9a8%208%200%200%201%207.1-8.19l48.88-5.52a16%2016%200%200%200%2013.92-12.9l16.63-88a16%2016%200%200%200-10.43-18.1%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%2096c33.08%200%2060.71-25.78%2064-58c.3-3-3-6-6-6a13%2013%200%200%200-4.74.9c-.2.08-21.1%208.1-53.26%208.1s-53.1-8-53.26-8.1a16.2%2016.2%200%200%200-5.3-.9h-.06a5.69%205.69%200%200%200-5.38%206c3.35%2032.16%2031%2058%2064%2058%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M485.29%2089.9L356%2044.64a4%204%200%200%200-5.27%203.16a96%2096%200%200%201-189.38%200a4%204%200%200%200-5.35-3.16L26.71%2089.9A16%2016%200%200%200%2016.28%20108l16.63%2088a16%2016%200%200%200%2013.92%2012.9l48.88%205.52a8%208%200%200%201%207.1%208.19l-7.33%20240.9a16%2016%200%200%200%209.1%2014.94A17.5%2017.5%200%200%200%20112%20480h288a17.5%2017.5%200%200%200%207.42-1.55a16%2016%200%200%200%209.1-14.94l-7.33-240.9a8%208%200%200%201%207.1-8.19l48.88-5.52a16%2016%200%200%200%2013.92-12.9l16.63-88a16%2016%200%200%200-10.43-18.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/shirt.svg?color=%231a73e8&size=48
