Clothes Pants Sweat icon
icon-park:clothes-pants-sweat
The Clothes Pants Sweat icon (icon-park:clothes-pants-sweat) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Clothes
- Tags
- clothespants, pantssweat, clothespantssweat, clothe, pant
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24 19L33 38H42L38 4H10L6 38H15L24 19Z"/><path fill="#2F88FF" d="M34 38L35 44H41V38H34Z"/><path fill="#2F88FF" d="M13 44H7V38H14L13 44Z"/><path d="M24 4L28 11.5"/><path d="M24 4L20 11.5"/></g></svg>
How to use the Clothes Pants Sweat icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:clothes-pants-sweat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:clothes-pants-sweat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:clothes-pants-sweat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--clothes-pants-sweat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:clothes-pants-sweat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:clothes-pants-sweat"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/clothes-pants-sweat.svg" alt="Clothes Pants Sweat icon" width="24" height="24">
Related icons in IconPark
Clothes Pants Sweat icon in other icon sets
Clothes Pants Sweat icon FAQ
Is the Clothes Pants Sweat icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Clothes Pants Sweat icon in React?
Install @iconify/react and render <Icon icon="icon-park:clothes-pants-sweat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Clothes Pants Sweat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/clothes-pants-sweat.svg" alt="Clothes Pants Sweat icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
