pants icon
pants-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- pants-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the pants icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.89 214.26l-22-176A14 14 0 0 0 186 26H70a14 14 0 0 0-13.89 12.26l-22 176A14 14 0 0 0 48 230h40.69a14 14 0 0 0 13.57-10.56L128 120l25.73 99.44A14 14 0 0 0 167.31 230H208a14 14 0 0 0 13.89-15.74m-26.67-116.6A34.07 34.07 0 0 1 166.54 70h25.23ZM70 38h116a2 2 0 0 1 2 1.75L190.27 58H65.73L68 39.75A2 2 0 0 1 70 38m-5.77 32h25.23a34.07 34.07 0 0 1-28.68 27.66Zm26.4 146.49a2 2 0 0 1-1.94 1.51H48a2 2 0 0 1-2-2.25l13.25-105.88A46.07 46.07 0 0 0 101.6 70H122v25.24Zm118.87.83a2 2 0 0 1-1.5.68h-40.69a2 2 0 0 1-1.95-1.56L134 95.24V70h20.4a46.07 46.07 0 0 0 42.35 39.87L210 215.75a2 2 0 0 1-.5 1.57"/></svg>
React
import type { SVGProps } from "react";
export function PhPantsLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.89 214.26l-22-176A14 14 0 0 0 186 26H70a14 14 0 0 0-13.89 12.26l-22 176A14 14 0 0 0 48 230h40.69a14 14 0 0 0 13.57-10.56L128 120l25.73 99.44A14 14 0 0 0 167.31 230H208a14 14 0 0 0 13.89-15.74m-26.67-116.6A34.07 34.07 0 0 1 166.54 70h25.23ZM70 38h116a2 2 0 0 1 2 1.75L190.27 58H65.73L68 39.75A2 2 0 0 1 70 38m-5.77 32h25.23a34.07 34.07 0 0 1-28.68 27.66Zm26.4 146.49a2 2 0 0 1-1.94 1.51H48a2 2 0 0 1-2-2.25l13.25-105.88A46.07 46.07 0 0 0 101.6 70H122v25.24Zm118.87.83a2 2 0 0 1-1.5.68h-40.69a2 2 0 0 1-1.95-1.56L134 95.24V70h20.4a46.07 46.07 0 0 0 42.35 39.87L210 215.75a2 2 0 0 1-.5 1.57"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.89 214.26l-22-176A14 14 0 0 0 186 26H70a14 14 0 0 0-13.89 12.26l-22 176A14 14 0 0 0 48 230h40.69a14 14 0 0 0 13.57-10.56L128 120l25.73 99.44A14 14 0 0 0 167.31 230H208a14 14 0 0 0 13.89-15.74m-26.67-116.6A34.07 34.07 0 0 1 166.54 70h25.23ZM70 38h116a2 2 0 0 1 2 1.75L190.27 58H65.73L68 39.75A2 2 0 0 1 70 38m-5.77 32h25.23a34.07 34.07 0 0 1-28.68 27.66Zm26.4 146.49a2 2 0 0 1-1.94 1.51H48a2 2 0 0 1-2-2.25l13.25-105.88A46.07 46.07 0 0 0 101.6 70H122v25.24Zm118.87.83a2 2 0 0 1-1.5.68h-40.69a2 2 0 0 1-1.95-1.56L134 95.24V70h20.4a46.07 46.07 0 0 0 42.35 39.87L210 215.75a2 2 0 0 1-.5 1.57"/></svg> </template>
CSS
.icon-pants-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m221.89%20214.26l-22-176A14%2014%200%200%200%20186%2026H70a14%2014%200%200%200-13.89%2012.26l-22%20176A14%2014%200%200%200%2048%20230h40.69a14%2014%200%200%200%2013.57-10.56L128%20120l25.73%2099.44A14%2014%200%200%200%20167.31%20230H208a14%2014%200%200%200%2013.89-15.74m-26.67-116.6A34.07%2034.07%200%200%201%20166.54%2070h25.23ZM70%2038h116a2%202%200%200%201%202%201.75L190.27%2058H65.73L68%2039.75A2%202%200%200%201%2070%2038m-5.77%2032h25.23a34.07%2034.07%200%200%201-28.68%2027.66Zm26.4%20146.49a2%202%200%200%201-1.94%201.51H48a2%202%200%200%201-2-2.25l13.25-105.88A46.07%2046.07%200%200%200%20101.6%2070H122v25.24Zm118.87.83a2%202%200%200%201-1.5.68h-40.69a2%202%200%200%201-1.95-1.56L134%2095.24V70h20.4a46.07%2046.07%200%200%200%2042.35%2039.87L210%20215.75a2%202%200%200%201-.5%201.57%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m221.89%20214.26l-22-176A14%2014%200%200%200%20186%2026H70a14%2014%200%200%200-13.89%2012.26l-22%20176A14%2014%200%200%200%2048%20230h40.69a14%2014%200%200%200%2013.57-10.56L128%20120l25.73%2099.44A14%2014%200%200%200%20167.31%20230H208a14%2014%200%200%200%2013.89-15.74m-26.67-116.6A34.07%2034.07%200%200%201%20166.54%2070h25.23ZM70%2038h116a2%202%200%200%201%202%201.75L190.27%2058H65.73L68%2039.75A2%202%200%200%201%2070%2038m-5.77%2032h25.23a34.07%2034.07%200%200%201-28.68%2027.66Zm26.4%20146.49a2%202%200%200%201-1.94%201.51H48a2%202%200%200%201-2-2.25l13.25-105.88A46.07%2046.07%200%200%200%20101.6%2070H122v25.24Zm118.87.83a2%202%200%200%201-1.5.68h-40.69a2%202%200%200%201-1.95-1.56L134%2095.24V70h20.4a46.07%2046.07%200%200%200%2042.35%2039.87L210%20215.75a2%202%200%200%201-.5%201.57%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pants-light.svg?color=%231a73e8&size=48
