shirt icon
shirt-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- shirt-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.3417 1.0602L20.8417 3.0602C21.1286 3.1645 21.3521 3.3942 21.4487 3.6838L22.9487 8.1838C22.9827 8.2857 23.0001 8.3925 23.0001 8.5C23.0001 8.8589 22.8078 9.1902 22.4962 9.3682L19.4751 11.0946L18.9991 22.0434C18.9758 22.5783 18.5354 23 18 23L6 23C5.4646 23 5.0242 22.5783 5.0009 22.0434L4.5249 11.0946L1.5038 9.3682C1.1922 9.1902 0.9999 8.8589 0.9999 8.5C0.9999 8.3925 1.0173 8.2857 1.0513 8.1838L2.5513 3.6838C2.6479 3.3942 2.8714 3.1645 3.1583 3.0602L8.6583 1.0602C8.7678 1.0204 8.8834 1 9 1C9.5523 1 10 1.4477 10 2C10 3.1046 10.8954 4 12 4C13.1046 4 14 3.1046 14 2C14 1.4477 14.4477 1 15 1C15.1166 1 15.2322 1.0204 15.3417 1.0602Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsShirtSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15.3417 1.0602L20.8417 3.0602C21.1286 3.1645 21.3521 3.3942 21.4487 3.6838L22.9487 8.1838C22.9827 8.2857 23.0001 8.3925 23.0001 8.5C23.0001 8.8589 22.8078 9.1902 22.4962 9.3682L19.4751 11.0946L18.9991 22.0434C18.9758 22.5783 18.5354 23 18 23L6 23C5.4646 23 5.0242 22.5783 5.0009 22.0434L4.5249 11.0946L1.5038 9.3682C1.1922 9.1902 0.9999 8.8589 0.9999 8.5C0.9999 8.3925 1.0173 8.2857 1.0513 8.1838L2.5513 3.6838C2.6479 3.3942 2.8714 3.1645 3.1583 3.0602L8.6583 1.0602C8.7678 1.0204 8.8834 1 9 1C9.5523 1 10 1.4477 10 2C10 3.1046 10.8954 4 12 4C13.1046 4 14 3.1046 14 2C14 1.4477 14.4477 1 15 1C15.1166 1 15.2322 1.0204 15.3417 1.0602Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.3417 1.0602L20.8417 3.0602C21.1286 3.1645 21.3521 3.3942 21.4487 3.6838L22.9487 8.1838C22.9827 8.2857 23.0001 8.3925 23.0001 8.5C23.0001 8.8589 22.8078 9.1902 22.4962 9.3682L19.4751 11.0946L18.9991 22.0434C18.9758 22.5783 18.5354 23 18 23L6 23C5.4646 23 5.0242 22.5783 5.0009 22.0434L4.5249 11.0946L1.5038 9.3682C1.1922 9.1902 0.9999 8.8589 0.9999 8.5C0.9999 8.3925 1.0173 8.2857 1.0513 8.1838L2.5513 3.6838C2.6479 3.3942 2.8714 3.1645 3.1583 3.0602L8.6583 1.0602C8.7678 1.0204 8.8834 1 9 1C9.5523 1 10 1.4477 10 2C10 3.1046 10.8954 4 12 4C13.1046 4 14 3.1046 14 2C14 1.4477 14.4477 1 15 1C15.1166 1 15.2322 1.0204 15.3417 1.0602Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-shirt-sharp-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.3417%201.0602L20.8417%203.0602C21.1286%203.1645%2021.3521%203.3942%2021.4487%203.6838L22.9487%208.1838C22.9827%208.2857%2023.0001%208.3925%2023.0001%208.5C23.0001%208.8589%2022.8078%209.1902%2022.4962%209.3682L19.4751%2011.0946L18.9991%2022.0434C18.9758%2022.5783%2018.5354%2023%2018%2023L6%2023C5.4646%2023%205.0242%2022.5783%205.0009%2022.0434L4.5249%2011.0946L1.5038%209.3682C1.1922%209.1902%200.9999%208.8589%200.9999%208.5C0.9999%208.3925%201.0173%208.2857%201.0513%208.1838L2.5513%203.6838C2.6479%203.3942%202.8714%203.1645%203.1583%203.0602L8.6583%201.0602C8.7678%201.0204%208.8834%201%209%201C9.5523%201%2010%201.4477%2010%202C10%203.1046%2010.8954%204%2012%204C13.1046%204%2014%203.1046%2014%202C14%201.4477%2014.4477%201%2015%201C15.1166%201%2015.2322%201.0204%2015.3417%201.0602Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.3417%201.0602L20.8417%203.0602C21.1286%203.1645%2021.3521%203.3942%2021.4487%203.6838L22.9487%208.1838C22.9827%208.2857%2023.0001%208.3925%2023.0001%208.5C23.0001%208.8589%2022.8078%209.1902%2022.4962%209.3682L19.4751%2011.0946L18.9991%2022.0434C18.9758%2022.5783%2018.5354%2023%2018%2023L6%2023C5.4646%2023%205.0242%2022.5783%205.0009%2022.0434L4.5249%2011.0946L1.5038%209.3682C1.1922%209.1902%200.9999%208.8589%200.9999%208.5C0.9999%208.3925%201.0173%208.2857%201.0513%208.1838L2.5513%203.6838C2.6479%203.3942%202.8714%203.1645%203.1583%203.0602L8.6583%201.0602C8.7678%201.0204%208.8834%201%209%201C9.5523%201%2010%201.4477%2010%202C10%203.1046%2010.8954%204%2012%204C13.1046%204%2014%203.1046%2014%202C14%201.4477%2014.4477%201%2015%201C15.1166%201%2015.2322%201.0204%2015.3417%201.0602Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/shirt-sharp-fill.svg?color=%231a73e8&size=48
