skirt from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.

Name
skirt
Set
Reicon
Style
Outline
Category
UI
Viewbox
24×24
License
MIT

2 other variants in Reicon

The same icon in other sets

All skirt icons →

More ui icons from Reicon

Use the skirt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.847 1.25h8.305c.446 0 .852 0 1.18.043c.36.047.739.157 1.053.463c.316.308.433.685.483 1.044c.044.324.044.722.044 1.154V5.39l3.725 12.347c.296.982.014 2.136-.986 2.736c-1.532.92-4.648 2.278-9.651 2.278s-8.119-1.358-9.652-2.278c-1-.6-1.282-1.755-.986-2.736L5.087 5.39V3.954c0-.432 0-.83.045-1.154c.05-.36.166-.736.483-1.044c.314-.306.693-.416 1.052-.463c.329-.043.734-.043 1.18-.043m-1.453 5L2.8 18.17c-.136.45.017.833.321 1.016c.79.474 2.135 1.124 4.109 1.567L9.034 6.25zm4.152 0l-1.84 14.774c.977.14 2.073.226 3.294.226c1.22 0 2.317-.085 3.293-.226L13.453 6.25zm4.42 0l1.805 14.503c1.973-.443 3.319-1.093 4.108-1.567c.305-.183.458-.566.322-1.017L17.605 6.25zm2.446-1.5V4c0-.493-.001-.786-.03-.995a.7.7 0 0 0-.038-.162l-.004-.01l-.001-.002l-.003-.003l-.018-.008a.8.8 0 0 0-.18-.04c-.22-.028-.525-.03-1.03-.03H7.892c-.505 0-.81.002-1.03.03a.8.8 0 0 0-.198.048l-.003.002l-.001.003l-.005.01a.7.7 0 0 0-.037.162c-.029.21-.03.502-.03.995v.75z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function ReiconSkirt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.847 1.25h8.305c.446 0 .852 0 1.18.043c.36.047.739.157 1.053.463c.316.308.433.685.483 1.044c.044.324.044.722.044 1.154V5.39l3.725 12.347c.296.982.014 2.136-.986 2.736c-1.532.92-4.648 2.278-9.651 2.278s-8.119-1.358-9.652-2.278c-1-.6-1.282-1.755-.986-2.736L5.087 5.39V3.954c0-.432 0-.83.045-1.154c.05-.36.166-.736.483-1.044c.314-.306.693-.416 1.052-.463c.329-.043.734-.043 1.18-.043m-1.453 5L2.8 18.17c-.136.45.017.833.321 1.016c.79.474 2.135 1.124 4.109 1.567L9.034 6.25zm4.152 0l-1.84 14.774c.977.14 2.073.226 3.294.226c1.22 0 2.317-.085 3.293-.226L13.453 6.25zm4.42 0l1.805 14.503c1.973-.443 3.319-1.093 4.108-1.567c.305-.183.458-.566.322-1.017L17.605 6.25zm2.446-1.5V4c0-.493-.001-.786-.03-.995a.7.7 0 0 0-.038-.162l-.004-.01l-.001-.002l-.003-.003l-.018-.008a.8.8 0 0 0-.18-.04c-.22-.028-.525-.03-1.03-.03H7.892c-.505 0-.81.002-1.03.03a.8.8 0 0 0-.198.048l-.003.002l-.001.003l-.005.01a.7.7 0 0 0-.037.162c-.029.21-.03.502-.03.995v.75z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.847 1.25h8.305c.446 0 .852 0 1.18.043c.36.047.739.157 1.053.463c.316.308.433.685.483 1.044c.044.324.044.722.044 1.154V5.39l3.725 12.347c.296.982.014 2.136-.986 2.736c-1.532.92-4.648 2.278-9.651 2.278s-8.119-1.358-9.652-2.278c-1-.6-1.282-1.755-.986-2.736L5.087 5.39V3.954c0-.432 0-.83.045-1.154c.05-.36.166-.736.483-1.044c.314-.306.693-.416 1.052-.463c.329-.043.734-.043 1.18-.043m-1.453 5L2.8 18.17c-.136.45.017.833.321 1.016c.79.474 2.135 1.124 4.109 1.567L9.034 6.25zm4.152 0l-1.84 14.774c.977.14 2.073.226 3.294.226c1.22 0 2.317-.085 3.293-.226L13.453 6.25zm4.42 0l1.805 14.503c1.973-.443 3.319-1.093 4.108-1.567c.305-.183.458-.566.322-1.017L17.605 6.25zm2.446-1.5V4c0-.493-.001-.786-.03-.995a.7.7 0 0 0-.038-.162l-.004-.01l-.001-.002l-.003-.003l-.018-.008a.8.8 0 0 0-.18-.04c-.22-.028-.525-.03-1.03-.03H7.892c-.505 0-.81.002-1.03.03a.8.8 0 0 0-.198.048l-.003.002l-.001.003l-.005.01a.7.7 0 0 0-.037.162c-.029.21-.03.502-.03.995v.75z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-skirt {
  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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.847%201.25h8.305c.446%200%20.852%200%201.18.043c.36.047.739.157%201.053.463c.316.308.433.685.483%201.044c.044.324.044.722.044%201.154V5.39l3.725%2012.347c.296.982.014%202.136-.986%202.736c-1.532.92-4.648%202.278-9.651%202.278s-8.119-1.358-9.652-2.278c-1-.6-1.282-1.755-.986-2.736L5.087%205.39V3.954c0-.432%200-.83.045-1.154c.05-.36.166-.736.483-1.044c.314-.306.693-.416%201.052-.463c.329-.043.734-.043%201.18-.043m-1.453%205L2.8%2018.17c-.136.45.017.833.321%201.016c.79.474%202.135%201.124%204.109%201.567L9.034%206.25zm4.152%200l-1.84%2014.774c.977.14%202.073.226%203.294.226c1.22%200%202.317-.085%203.293-.226L13.453%206.25zm4.42%200l1.805%2014.503c1.973-.443%203.319-1.093%204.108-1.567c.305-.183.458-.566.322-1.017L17.605%206.25zm2.446-1.5V4c0-.493-.001-.786-.03-.995a.7.7%200%200%200-.038-.162l-.004-.01l-.001-.002l-.003-.003l-.018-.008a.8.8%200%200%200-.18-.04c-.22-.028-.525-.03-1.03-.03H7.892c-.505%200-.81.002-1.03.03a.8.8%200%200%200-.198.048l-.003.002l-.001.003l-.005.01a.7.7%200%200%200-.037.162c-.029.21-.03.502-.03.995v.75z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.847%201.25h8.305c.446%200%20.852%200%201.18.043c.36.047.739.157%201.053.463c.316.308.433.685.483%201.044c.044.324.044.722.044%201.154V5.39l3.725%2012.347c.296.982.014%202.136-.986%202.736c-1.532.92-4.648%202.278-9.651%202.278s-8.119-1.358-9.652-2.278c-1-.6-1.282-1.755-.986-2.736L5.087%205.39V3.954c0-.432%200-.83.045-1.154c.05-.36.166-.736.483-1.044c.314-.306.693-.416%201.052-.463c.329-.043.734-.043%201.18-.043m-1.453%205L2.8%2018.17c-.136.45.017.833.321%201.016c.79.474%202.135%201.124%204.109%201.567L9.034%206.25zm4.152%200l-1.84%2014.774c.977.14%202.073.226%203.294.226c1.22%200%202.317-.085%203.293-.226L13.453%206.25zm4.42%200l1.805%2014.503c1.973-.443%203.319-1.093%204.108-1.567c.305-.183.458-.566.322-1.017L17.605%206.25zm2.446-1.5V4c0-.493-.001-.786-.03-.995a.7.7%200%200%200-.038-.162l-.004-.01l-.001-.002l-.003-.003l-.018-.008a.8.8%200%200%200-.18-.04c-.22-.028-.525-.03-1.03-.03H7.892c-.505%200-.81.002-1.03.03a.8.8%200%200%200-.198.048l-.003.002l-.001.003l-.005.01a.7.7%200%200%200-.037.162c-.029.21-.03.502-.03.995v.75z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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