hoodie icon
hoodie from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- hoodie
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the hoodie 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-width="1.5"><path stroke-linejoin="round" d="M17.64 12c-.1.745-.06 1.5.019 3.011L18 19.522c0 .707-.12 1.085-.755 1.426c-2.613 1.403-7.877 1.403-10.49 0c-.635-.341-.755-.72-.755-1.426l.341-4.51c.08-1.511.119-2.267.018-3.012"/><path d="M14 17c0 .875.419 1.419 1 2m-5-2c0 .875-.419 1.419-1 2"/><path stroke-linejoin="round" d="m7.4 6.897l3.882 1.85c.354.169.531.253.718.253s.364-.084.718-.253l3.882-1.85c.86-.409 1.29-.614 1.382-1.138c.093-.525-.18-.833-.724-1.45c-2.722-3.079-7.794-3.079-10.516 0c-.545.617-.817.925-.724 1.45s.523.729 1.382 1.138"/><path stroke-linejoin="round" d="m14 6l-2 3l-2-3m-3.616.5c-1.35.267-2.557 1.52-3.395 2.642c-.537.718-.805 1.078-.938 1.741c-.133.664.007 1.218.287 2.325l1.3 5.13c.23.908 1.362.773 2.362-.236M17.616 6.5c1.35.267 2.557 1.52 3.395 2.642c.537.718.805 1.078.938 1.741c.133.664-.007 1.218-.287 2.325l-1.3 5.13c-.23.908-1.362.765-2.362.268"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsHoodie(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M17.64 12c-.1.745-.06 1.5.019 3.011L18 19.522c0 .707-.12 1.085-.755 1.426c-2.613 1.403-7.877 1.403-10.49 0c-.635-.341-.755-.72-.755-1.426l.341-4.51c.08-1.511.119-2.267.018-3.012"/><path d="M14 17c0 .875.419 1.419 1 2m-5-2c0 .875-.419 1.419-1 2"/><path strokeLinejoin="round" d="m7.4 6.897l3.882 1.85c.354.169.531.253.718.253s.364-.084.718-.253l3.882-1.85c.86-.409 1.29-.614 1.382-1.138c.093-.525-.18-.833-.724-1.45c-2.722-3.079-7.794-3.079-10.516 0c-.545.617-.817.925-.724 1.45s.523.729 1.382 1.138"/><path strokeLinejoin="round" d="m14 6l-2 3l-2-3m-3.616.5c-1.35.267-2.557 1.52-3.395 2.642c-.537.718-.805 1.078-.938 1.741c-.133.664.007 1.218.287 2.325l1.3 5.13c.23.908 1.362.773 2.362-.236M17.616 6.5c1.35.267 2.557 1.52 3.395 2.642c.537.718.805 1.078.938 1.741c.133.664-.007 1.218-.287 2.325l-1.3 5.13c-.23.908-1.362.765-2.362.268"/></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-width="1.5"><path stroke-linejoin="round" d="M17.64 12c-.1.745-.06 1.5.019 3.011L18 19.522c0 .707-.12 1.085-.755 1.426c-2.613 1.403-7.877 1.403-10.49 0c-.635-.341-.755-.72-.755-1.426l.341-4.51c.08-1.511.119-2.267.018-3.012"/><path d="M14 17c0 .875.419 1.419 1 2m-5-2c0 .875-.419 1.419-1 2"/><path stroke-linejoin="round" d="m7.4 6.897l3.882 1.85c.354.169.531.253.718.253s.364-.084.718-.253l3.882-1.85c.86-.409 1.29-.614 1.382-1.138c.093-.525-.18-.833-.724-1.45c-2.722-3.079-7.794-3.079-10.516 0c-.545.617-.817.925-.724 1.45s.523.729 1.382 1.138"/><path stroke-linejoin="round" d="m14 6l-2 3l-2-3m-3.616.5c-1.35.267-2.557 1.52-3.395 2.642c-.537.718-.805 1.078-.938 1.741c-.133.664.007 1.218.287 2.325l1.3 5.13c.23.908 1.362.773 2.362-.236M17.616 6.5c1.35.267 2.557 1.52 3.395 2.642c.537.718.805 1.078.938 1.741c.133.664-.007 1.218-.287 2.325l-1.3 5.13c-.23.908-1.362.765-2.362.268"/></g></svg> </template>
CSS
.icon-hoodie {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17.64%2012c-.1.745-.06%201.5.019%203.011L18%2019.522c0%20.707-.12%201.085-.755%201.426c-2.613%201.403-7.877%201.403-10.49%200c-.635-.341-.755-.72-.755-1.426l.341-4.51c.08-1.511.119-2.267.018-3.012%22%2F%3E%3Cpath%20d%3D%22M14%2017c0%20.875.419%201.419%201%202m-5-2c0%20.875-.419%201.419-1%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m7.4%206.897l3.882%201.85c.354.169.531.253.718.253s.364-.084.718-.253l3.882-1.85c.86-.409%201.29-.614%201.382-1.138c.093-.525-.18-.833-.724-1.45c-2.722-3.079-7.794-3.079-10.516%200c-.545.617-.817.925-.724%201.45s.523.729%201.382%201.138%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m14%206l-2%203l-2-3m-3.616.5c-1.35.267-2.557%201.52-3.395%202.642c-.537.718-.805%201.078-.938%201.741c-.133.664.007%201.218.287%202.325l1.3%205.13c.23.908%201.362.773%202.362-.236M17.616%206.5c1.35.267%202.557%201.52%203.395%202.642c.537.718.805%201.078.938%201.741c.133.664-.007%201.218-.287%202.325l-1.3%205.13c-.23.908-1.362.765-2.362.268%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17.64%2012c-.1.745-.06%201.5.019%203.011L18%2019.522c0%20.707-.12%201.085-.755%201.426c-2.613%201.403-7.877%201.403-10.49%200c-.635-.341-.755-.72-.755-1.426l.341-4.51c.08-1.511.119-2.267.018-3.012%22%2F%3E%3Cpath%20d%3D%22M14%2017c0%20.875.419%201.419%201%202m-5-2c0%20.875-.419%201.419-1%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m7.4%206.897l3.882%201.85c.354.169.531.253.718.253s.364-.084.718-.253l3.882-1.85c.86-.409%201.29-.614%201.382-1.138c.093-.525-.18-.833-.724-1.45c-2.722-3.079-7.794-3.079-10.516%200c-.545.617-.817.925-.724%201.45s.523.729%201.382%201.138%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m14%206l-2%203l-2-3m-3.616.5c-1.35.267-2.557%201.52-3.395%202.642c-.537.718-.805%201.078-.938%201.741c-.133.664.007%201.218.287%202.325l1.3%205.13c.23.908%201.362.773%202.362-.236M17.616%206.5c1.35.267%202.557%201.52%203.395%202.642c.537.718.805%201.078.938%201.741c.133.664-.007%201.218-.287%202.325l-1.3%205.13c-.23.908-1.362.765-2.362.268%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/hoodie.svg?color=%231a73e8&size=48
