skirt icon

skirt-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
skirt-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

skirt-line

The same icon in other sets

skirtLucide Labskirt-boldSolar

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.493 2.138a1 1 0 0 1 1.213.154l.001.001l.011.01q.017.018.054.052a8.6 8.6 0 0 0 1.033.813C10.505 3.635 11.3 4 12 4s1.495-.365 2.195-.832a8.6 8.6 0 0 0 1.086-.864l.012-.011a1 1 0 0 1 1.668.982l-1.814 6.35c.65.572 1.191 1.293 1.638 2.043c.581.976 1.038 2.06 1.38 3.074a20 20 0 0 1 .721 2.744c.109.598.295 1.388.008 1.961c-.462.924-1.903 1.009-2.798 1.11c-1.158.13-2.636.193-4.096.193s-2.938-.063-4.096-.194c-.9-.101-2.325-.162-2.798-1.109c-.293-.585-.102-1.358.008-1.961a20 20 0 0 1 .72-2.744c.343-1.014.8-2.098 1.381-3.074c.447-.75.988-1.47 1.638-2.043l-1.815-6.35a1 1 0 0 1 .455-1.137m3.163 6.519A5.7 5.7 0 0 1 12 8.5a5.7 5.7 0 0 1 1.344.157l.922-3.229C13.6 5.748 12.819 6 12 6c-.82 0-1.6-.252-2.266-.572z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteSkirtFill(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.493 2.138a1 1 0 0 1 1.213.154l.001.001l.011.01q.017.018.054.052a8.6 8.6 0 0 0 1.033.813C10.505 3.635 11.3 4 12 4s1.495-.365 2.195-.832a8.6 8.6 0 0 0 1.086-.864l.012-.011a1 1 0 0 1 1.668.982l-1.814 6.35c.65.572 1.191 1.293 1.638 2.043c.581.976 1.038 2.06 1.38 3.074a20 20 0 0 1 .721 2.744c.109.598.295 1.388.008 1.961c-.462.924-1.903 1.009-2.798 1.11c-1.158.13-2.636.193-4.096.193s-2.938-.063-4.096-.194c-.9-.101-2.325-.162-2.798-1.109c-.293-.585-.102-1.358.008-1.961a20 20 0 0 1 .72-2.744c.343-1.014.8-2.098 1.381-3.074c.447-.75.988-1.47 1.638-2.043l-1.815-6.35a1 1 0 0 1 .455-1.137m3.163 6.519A5.7 5.7 0 0 1 12 8.5a5.7 5.7 0 0 1 1.344.157l.922-3.229C13.6 5.748 12.819 6 12 6c-.82 0-1.6-.252-2.266-.572z" 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.493 2.138a1 1 0 0 1 1.213.154l.001.001l.011.01q.017.018.054.052a8.6 8.6 0 0 0 1.033.813C10.505 3.635 11.3 4 12 4s1.495-.365 2.195-.832a8.6 8.6 0 0 0 1.086-.864l.012-.011a1 1 0 0 1 1.668.982l-1.814 6.35c.65.572 1.191 1.293 1.638 2.043c.581.976 1.038 2.06 1.38 3.074a20 20 0 0 1 .721 2.744c.109.598.295 1.388.008 1.961c-.462.924-1.903 1.009-2.798 1.11c-1.158.13-2.636.193-4.096.193s-2.938-.063-4.096-.194c-.9-.101-2.325-.162-2.798-1.109c-.293-.585-.102-1.358.008-1.961a20 20 0 0 1 .72-2.744c.343-1.014.8-2.098 1.381-3.074c.447-.75.988-1.47 1.638-2.043l-1.815-6.35a1 1 0 0 1 .455-1.137m3.163 6.519A5.7 5.7 0 0 1 12 8.5a5.7 5.7 0 0 1 1.344.157l.922-3.229C13.6 5.748 12.819 6 12 6c-.82 0-1.6-.252-2.266-.572z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-skirt-fill {
  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.493%202.138a1%201%200%200%201%201.213.154l.001.001l.011.01q.017.018.054.052a8.6%208.6%200%200%200%201.033.813C10.505%203.635%2011.3%204%2012%204s1.495-.365%202.195-.832a8.6%208.6%200%200%200%201.086-.864l.012-.011a1%201%200%200%201%201.668.982l-1.814%206.35c.65.572%201.191%201.293%201.638%202.043c.581.976%201.038%202.06%201.38%203.074a20%2020%200%200%201%20.721%202.744c.109.598.295%201.388.008%201.961c-.462.924-1.903%201.009-2.798%201.11c-1.158.13-2.636.193-4.096.193s-2.938-.063-4.096-.194c-.9-.101-2.325-.162-2.798-1.109c-.293-.585-.102-1.358.008-1.961a20%2020%200%200%201%20.72-2.744c.343-1.014.8-2.098%201.381-3.074c.447-.75.988-1.47%201.638-2.043l-1.815-6.35a1%201%200%200%201%20.455-1.137m3.163%206.519A5.7%205.7%200%200%201%2012%208.5a5.7%205.7%200%200%201%201.344.157l.922-3.229C13.6%205.748%2012.819%206%2012%206c-.82%200-1.6-.252-2.266-.572z%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.493%202.138a1%201%200%200%201%201.213.154l.001.001l.011.01q.017.018.054.052a8.6%208.6%200%200%200%201.033.813C10.505%203.635%2011.3%204%2012%204s1.495-.365%202.195-.832a8.6%208.6%200%200%200%201.086-.864l.012-.011a1%201%200%200%201%201.668.982l-1.814%206.35c.65.572%201.191%201.293%201.638%202.043c.581.976%201.038%202.06%201.38%203.074a20%2020%200%200%201%20.721%202.744c.109.598.295%201.388.008%201.961c-.462.924-1.903%201.009-2.798%201.11c-1.158.13-2.636.193-4.096.193s-2.938-.063-4.096-.194c-.9-.101-2.325-.162-2.798-1.109c-.293-.585-.102-1.358.008-1.961a20%2020%200%200%201%20.72-2.744c.343-1.014.8-2.098%201.381-3.074c.447-.75.988-1.47%201.638-2.043l-1.815-6.35a1%201%200%200%201%20.455-1.137m3.163%206.519A5.7%205.7%200%200%201%2012%208.5a5.7%205.7%200%200%201%201.344.157l.922-3.229C13.6%205.748%2012.819%206%2012%206c-.82%200-1.6-.252-2.266-.572z%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/mingcute/skirt-fill.svg?color=%231a73e8&size=48