clothes icon
clothes from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- clothes
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the clothes 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M17.003 2.556L14.502 2C14.002 3 13 3.5 12 3.5S9.999 3 9.498 2l-2.501.556m10.006 0l.431.095c1.008.224 1.914.822 2.28 1.787c.661 1.75 1.205 4.546 1.282 8.561c.01.467.014.701-.133.851s-.384.15-.858.15h-2.039m-.963-11.444c0 2.31.216 6.315.963 11.444m0 0c.144.988.428 2.618.662 3.93c.177.99.266 1.485-.07 2.101c-.335.617-.674.759-1.352 1.043c-1.129.474-2.828.926-5.206.926c-2.377 0-4.077-.452-5.206-.926c-.678-.284-1.017-.426-1.352-1.043c-.336-.616-.247-1.111-.07-2.101c.234-1.312.518-2.942.662-3.93m.963-11.444l-.432.095c-1.007.224-1.913.822-2.278 1.787c-.662 1.75-1.205 4.546-1.283 8.561c-.01.467-.014.701.133.851s.384.15.858.15h2.039m.963-11.444c0 2.31-.216 6.315-.963 11.444"/><path d="M14.031 3c-.147 3.478.088 10.748 3.969 12M9.97 3c.146 3.478-.09 10.748-3.97 12"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsClothes(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M17.003 2.556L14.502 2C14.002 3 13 3.5 12 3.5S9.999 3 9.498 2l-2.501.556m10.006 0l.431.095c1.008.224 1.914.822 2.28 1.787c.661 1.75 1.205 4.546 1.282 8.561c.01.467.014.701-.133.851s-.384.15-.858.15h-2.039m-.963-11.444c0 2.31.216 6.315.963 11.444m0 0c.144.988.428 2.618.662 3.93c.177.99.266 1.485-.07 2.101c-.335.617-.674.759-1.352 1.043c-1.129.474-2.828.926-5.206.926c-2.377 0-4.077-.452-5.206-.926c-.678-.284-1.017-.426-1.352-1.043c-.336-.616-.247-1.111-.07-2.101c.234-1.312.518-2.942.662-3.93m.963-11.444l-.432.095c-1.007.224-1.913.822-2.278 1.787c-.662 1.75-1.205 4.546-1.283 8.561c-.01.467-.014.701.133.851s.384.15.858.15h2.039m.963-11.444c0 2.31-.216 6.315-.963 11.444"/><path d="M14.031 3c-.147 3.478.088 10.748 3.969 12M9.97 3c.146 3.478-.09 10.748-3.97 12"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M17.003 2.556L14.502 2C14.002 3 13 3.5 12 3.5S9.999 3 9.498 2l-2.501.556m10.006 0l.431.095c1.008.224 1.914.822 2.28 1.787c.661 1.75 1.205 4.546 1.282 8.561c.01.467.014.701-.133.851s-.384.15-.858.15h-2.039m-.963-11.444c0 2.31.216 6.315.963 11.444m0 0c.144.988.428 2.618.662 3.93c.177.99.266 1.485-.07 2.101c-.335.617-.674.759-1.352 1.043c-1.129.474-2.828.926-5.206.926c-2.377 0-4.077-.452-5.206-.926c-.678-.284-1.017-.426-1.352-1.043c-.336-.616-.247-1.111-.07-2.101c.234-1.312.518-2.942.662-3.93m.963-11.444l-.432.095c-1.007.224-1.913.822-2.278 1.787c-.662 1.75-1.205 4.546-1.283 8.561c-.01.467-.014.701.133.851s.384.15.858.15h2.039m.963-11.444c0 2.31-.216 6.315-.963 11.444"/><path d="M14.031 3c-.147 3.478.088 10.748 3.969 12M9.97 3c.146 3.478-.09 10.748-3.97 12"/></g></svg> </template>
CSS
.icon-clothes {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.003%202.556L14.502%202C14.002%203%2013%203.5%2012%203.5S9.999%203%209.498%202l-2.501.556m10.006%200l.431.095c1.008.224%201.914.822%202.28%201.787c.661%201.75%201.205%204.546%201.282%208.561c.01.467.014.701-.133.851s-.384.15-.858.15h-2.039m-.963-11.444c0%202.31.216%206.315.963%2011.444m0%200c.144.988.428%202.618.662%203.93c.177.99.266%201.485-.07%202.101c-.335.617-.674.759-1.352%201.043c-1.129.474-2.828.926-5.206.926c-2.377%200-4.077-.452-5.206-.926c-.678-.284-1.017-.426-1.352-1.043c-.336-.616-.247-1.111-.07-2.101c.234-1.312.518-2.942.662-3.93m.963-11.444l-.432.095c-1.007.224-1.913.822-2.278%201.787c-.662%201.75-1.205%204.546-1.283%208.561c-.01.467-.014.701.133.851s.384.15.858.15h2.039m.963-11.444c0%202.31-.216%206.315-.963%2011.444%22%2F%3E%3Cpath%20d%3D%22M14.031%203c-.147%203.478.088%2010.748%203.969%2012M9.97%203c.146%203.478-.09%2010.748-3.97%2012%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.003%202.556L14.502%202C14.002%203%2013%203.5%2012%203.5S9.999%203%209.498%202l-2.501.556m10.006%200l.431.095c1.008.224%201.914.822%202.28%201.787c.661%201.75%201.205%204.546%201.282%208.561c.01.467.014.701-.133.851s-.384.15-.858.15h-2.039m-.963-11.444c0%202.31.216%206.315.963%2011.444m0%200c.144.988.428%202.618.662%203.93c.177.99.266%201.485-.07%202.101c-.335.617-.674.759-1.352%201.043c-1.129.474-2.828.926-5.206.926c-2.377%200-4.077-.452-5.206-.926c-.678-.284-1.017-.426-1.352-1.043c-.336-.616-.247-1.111-.07-2.101c.234-1.312.518-2.942.662-3.93m.963-11.444l-.432.095c-1.007.224-1.913.822-2.278%201.787c-.662%201.75-1.205%204.546-1.283%208.561c-.01.467-.014.701.133.851s.384.15.858.15h2.039m.963-11.444c0%202.31-.216%206.315-.963%2011.444%22%2F%3E%3Cpath%20d%3D%22M14.031%203c-.147%203.478.088%2010.748%203.969%2012M9.97%203c.146%203.478-.09%2010.748-3.97%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/clothes.svg?color=%231a73e8&size=48
