tshirt icon

tshirt-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.

Name
tshirt-duotone
Set
Reicon
Style
Duotone
Category
UI
Viewbox
24×24
License
MIT

2 other variants in Reicon

The same icon in other sets

All tshirt icons →

More ui icons from Reicon

Use the tshirt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M5.777 18.265v-7.97c0-.683 0-1.025-.132-1.326c-.131-.3-.378-.523-.871-.968l-.186-.167C3.532 6.882 3.004 6.405 3 5.716c-.004-.69.464-1.122 1.401-1.988q.214-.197.418-.362c.472-.378 1.138-.792 1.648-1.09a2.05 2.05 0 0 1 1.567-.205l.49.129c.389.102.727.353.949.703c.6.948 1.564 1.423 2.527 1.423V22c-1.467 0-2.724-.148-3.716-.33c-1.073-.198-1.61-.296-2.058-.858c-.45-.562-.45-1.224-.45-2.547" clip-rule="evenodd"/><path d="M18.223 18.265v-7.97c0-.683 0-1.025.132-1.326c.131-.3.378-.523.871-.968l.186-.167c1.056-.952 1.584-1.429 1.588-2.118c.004-.69-.465-1.122-1.401-1.988a8 8 0 0 0-.418-.362c-.472-.378-1.138-.792-1.648-1.09a2.05 2.05 0 0 0-1.567-.205l-.49.129a1.6 1.6 0 0 0-.949.703c-.6.948-1.564 1.423-2.527 1.423V22c1.467 0 2.724-.148 3.716-.33c1.073-.198 1.61-.296 2.059-.858c.448-.562.448-1.224.448-2.547" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconTshirtDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M5.777 18.265v-7.97c0-.683 0-1.025-.132-1.326c-.131-.3-.378-.523-.871-.968l-.186-.167C3.532 6.882 3.004 6.405 3 5.716c-.004-.69.464-1.122 1.401-1.988q.214-.197.418-.362c.472-.378 1.138-.792 1.648-1.09a2.05 2.05 0 0 1 1.567-.205l.49.129c.389.102.727.353.949.703c.6.948 1.564 1.423 2.527 1.423V22c-1.467 0-2.724-.148-3.716-.33c-1.073-.198-1.61-.296-2.058-.858c-.45-.562-.45-1.224-.45-2.547" clipRule="evenodd"/><path d="M18.223 18.265v-7.97c0-.683 0-1.025.132-1.326c.131-.3.378-.523.871-.968l.186-.167c1.056-.952 1.584-1.429 1.588-2.118c.004-.69-.465-1.122-1.401-1.988a8 8 0 0 0-.418-.362c-.472-.378-1.138-.792-1.648-1.09a2.05 2.05 0 0 0-1.567-.205l-.49.129a1.6 1.6 0 0 0-.949.703c-.6.948-1.564 1.423-2.527 1.423V22c1.467 0 2.724-.148 3.716-.33c1.073-.198 1.61-.296 2.059-.858c.448-.562.448-1.224.448-2.547" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M5.777 18.265v-7.97c0-.683 0-1.025-.132-1.326c-.131-.3-.378-.523-.871-.968l-.186-.167C3.532 6.882 3.004 6.405 3 5.716c-.004-.69.464-1.122 1.401-1.988q.214-.197.418-.362c.472-.378 1.138-.792 1.648-1.09a2.05 2.05 0 0 1 1.567-.205l.49.129c.389.102.727.353.949.703c.6.948 1.564 1.423 2.527 1.423V22c-1.467 0-2.724-.148-3.716-.33c-1.073-.198-1.61-.296-2.058-.858c-.45-.562-.45-1.224-.45-2.547" clip-rule="evenodd"/><path d="M18.223 18.265v-7.97c0-.683 0-1.025.132-1.326c.131-.3.378-.523.871-.968l.186-.167c1.056-.952 1.584-1.429 1.588-2.118c.004-.69-.465-1.122-1.401-1.988a8 8 0 0 0-.418-.362c-.472-.378-1.138-.792-1.648-1.09a2.05 2.05 0 0 0-1.567-.205l-.49.129a1.6 1.6 0 0 0-.949.703c-.6.948-1.564 1.423-2.527 1.423V22c1.467 0 2.724-.148 3.716-.33c1.073-.198 1.61-.296 2.059-.858c.448-.562.448-1.224.448-2.547" opacity=".5"/></g></svg>
</template>

CSS

.icon-tshirt-duotone {
  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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.777%2018.265v-7.97c0-.683%200-1.025-.132-1.326c-.131-.3-.378-.523-.871-.968l-.186-.167C3.532%206.882%203.004%206.405%203%205.716c-.004-.69.464-1.122%201.401-1.988q.214-.197.418-.362c.472-.378%201.138-.792%201.648-1.09a2.05%202.05%200%200%201%201.567-.205l.49.129c.389.102.727.353.949.703c.6.948%201.564%201.423%202.527%201.423V22c-1.467%200-2.724-.148-3.716-.33c-1.073-.198-1.61-.296-2.058-.858c-.45-.562-.45-1.224-.45-2.547%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.223%2018.265v-7.97c0-.683%200-1.025.132-1.326c.131-.3.378-.523.871-.968l.186-.167c1.056-.952%201.584-1.429%201.588-2.118c.004-.69-.465-1.122-1.401-1.988a8%208%200%200%200-.418-.362c-.472-.378-1.138-.792-1.648-1.09a2.05%202.05%200%200%200-1.567-.205l-.49.129a1.6%201.6%200%200%200-.949.703c-.6.948-1.564%201.423-2.527%201.423V22c1.467%200%202.724-.148%203.716-.33c1.073-.198%201.61-.296%202.059-.858c.448-.562.448-1.224.448-2.547%22%20opacity%3D%22.5%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.777%2018.265v-7.97c0-.683%200-1.025-.132-1.326c-.131-.3-.378-.523-.871-.968l-.186-.167C3.532%206.882%203.004%206.405%203%205.716c-.004-.69.464-1.122%201.401-1.988q.214-.197.418-.362c.472-.378%201.138-.792%201.648-1.09a2.05%202.05%200%200%201%201.567-.205l.49.129c.389.102.727.353.949.703c.6.948%201.564%201.423%202.527%201.423V22c-1.467%200-2.724-.148-3.716-.33c-1.073-.198-1.61-.296-2.058-.858c-.45-.562-.45-1.224-.45-2.547%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.223%2018.265v-7.97c0-.683%200-1.025.132-1.326c.131-.3.378-.523.871-.968l.186-.167c1.056-.952%201.584-1.429%201.588-2.118c.004-.69-.465-1.122-1.401-1.988a8%208%200%200%200-.418-.362c-.472-.378-1.138-.792-1.648-1.09a2.05%202.05%200%200%200-1.567-.205l-.49.129a1.6%201.6%200%200%200-.949.703c-.6.948-1.564%201.423-2.527%201.423V22c1.467%200%202.724-.148%203.716-.33c1.073-.198%201.61-.296%202.059-.858c.448-.562.448-1.224.448-2.547%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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