shirt icon
shirt-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- shirt-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- 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"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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" stroke="none"/><path d="M15 2L20.5 4L22.0001 8.5L18.5 10.5L18 22L6 22L5.5 10.5L1.9999 8.5L3.5 4L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsShirtSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" 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" stroke="none"/><path d="M15 2L20.5 4L22.0001 8.5L18.5 10.5L18 22L6 22L5.5 10.5L1.9999 8.5L3.5 4L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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" stroke="none"/><path d="M15 2L20.5 4L22.0001 8.5L18.5 10.5L18 22L6 22L5.5 10.5L1.9999 8.5L3.5 4L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></g></svg> </template>
CSS
.icon-shirt-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15%202L20.5%204L22.0001%208.5L18.5%2010.5L18%2022L6%2022L5.5%2010.5L1.9999%208.5L3.5%204L9%202C9%203.6569%2010.3431%205%2012%205C13.6569%205%2015%203.6569%2015%202Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15%202L20.5%204L22.0001%208.5L18.5%2010.5L18%2022L6%2022L5.5%2010.5L1.9999%208.5L3.5%204L9%202C9%203.6569%2010.3431%205%2012%205C13.6569%205%2015%203.6569%2015%202Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/shirt-sharp-two-tone.svg?color=%231a73e8&size=48
