shirt icon

shirt from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name
shirt
Set
Keyline Icons
Style
Stroke
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

shirt-duotoneshirt-fillshirt-sharpshirt-sharp-duotoneshirt-sharp-fillshirt-sharp-two-toneshirt-two-tone

The same icon in other sets

shirtFont Awesome 6 SolidshirtFont Awesome Solidshirt-20-filledFluent UI System IconsshirtIconoirshirtIonIconsshirtLucideshirt-fillMingCute IconshirtPixelarticonsshirt-fillRemix IconshirtTabler Icons

Use the shirt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 2L19.649 3.6905C20.1899 3.8872 20.6199 4.3074 20.8289 4.8437L21.9316 7.672C22.1156 8.1442 21.9173 8.6795 21.47 8.9178L19.0041 10.2315C18.6917 10.3979 18.4906 10.717 18.4752 11.0706L18.0832 20.0869C18.0367 21.1566 17.1558 22 16.0851 22L7.9149 22C6.8442 22 5.9633 21.1566 5.9168 20.0869L5.5248 11.0706C5.5094 10.717 5.3083 10.3979 4.9959 10.2315L2.53 8.9178C2.0827 8.6795 1.8844 8.1442 2.0684 7.672L3.1711 4.8437C3.3801 4.3074 3.8101 3.8872 4.351 3.6905L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsShirt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M15 2L19.649 3.6905C20.1899 3.8872 20.6199 4.3074 20.8289 4.8437L21.9316 7.672C22.1156 8.1442 21.9173 8.6795 21.47 8.9178L19.0041 10.2315C18.6917 10.3979 18.4906 10.717 18.4752 11.0706L18.0832 20.0869C18.0367 21.1566 17.1558 22 16.0851 22L7.9149 22C6.8442 22 5.9633 21.1566 5.9168 20.0869L5.5248 11.0706C5.5094 10.717 5.3083 10.3979 4.9959 10.2315L2.53 8.9178C2.0827 8.6795 1.8844 8.1442 2.0684 7.672L3.1711 4.8437C3.3801 4.3074 3.8101 3.8872 4.351 3.6905L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 2L19.649 3.6905C20.1899 3.8872 20.6199 4.3074 20.8289 4.8437L21.9316 7.672C22.1156 8.1442 21.9173 8.6795 21.47 8.9178L19.0041 10.2315C18.6917 10.3979 18.4906 10.717 18.4752 11.0706L18.0832 20.0869C18.0367 21.1566 17.1558 22 16.0851 22L7.9149 22C6.8442 22 5.9633 21.1566 5.9168 20.0869L5.5248 11.0706C5.5094 10.717 5.3083 10.3979 4.9959 10.2315L2.53 8.9178C2.0827 8.6795 1.8844 8.1442 2.0684 7.672L3.1711 4.8437C3.3801 4.3074 3.8101 3.8872 4.351 3.6905L9 2C9 3.6569 10.3431 5 12 5C13.6569 5 15 3.6569 15 2Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%202L19.649%203.6905C20.1899%203.8872%2020.6199%204.3074%2020.8289%204.8437L21.9316%207.672C22.1156%208.1442%2021.9173%208.6795%2021.47%208.9178L19.0041%2010.2315C18.6917%2010.3979%2018.4906%2010.717%2018.4752%2011.0706L18.0832%2020.0869C18.0367%2021.1566%2017.1558%2022%2016.0851%2022L7.9149%2022C6.8442%2022%205.9633%2021.1566%205.9168%2020.0869L5.5248%2011.0706C5.5094%2010.717%205.3083%2010.3979%204.9959%2010.2315L2.53%208.9178C2.0827%208.6795%201.8844%208.1442%202.0684%207.672L3.1711%204.8437C3.3801%204.3074%203.8101%203.8872%204.351%203.6905L9%202C9%203.6569%2010.3431%205%2012%205C13.6569%205%2015%203.6569%2015%202Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%202L19.649%203.6905C20.1899%203.8872%2020.6199%204.3074%2020.8289%204.8437L21.9316%207.672C22.1156%208.1442%2021.9173%208.6795%2021.47%208.9178L19.0041%2010.2315C18.6917%2010.3979%2018.4906%2010.717%2018.4752%2011.0706L18.0832%2020.0869C18.0367%2021.1566%2017.1558%2022%2016.0851%2022L7.9149%2022C6.8442%2022%205.9633%2021.1566%205.9168%2020.0869L5.5248%2011.0706C5.5094%2010.717%205.3083%2010.3979%204.9959%2010.2315L2.53%208.9178C2.0827%208.6795%201.8844%208.1442%202.0684%207.672L3.1711%204.8437C3.3801%204.3074%203.8101%203.8872%204.351%203.6905L9%202C9%203.6569%2010.3431%205%2012%205C13.6569%205%2015%203.6569%2015%202Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/shirt.svg?color=%231a73e8&size=48