dress icon

dress-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
dress-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

dressdress-bolddress-duotonedress-lightdress-thin

The same icon in other sets

dressEmoji One (Colored)dressFluent EmojidressFluent Emoji FlatdressFluent Emoji High ContrastdressFirefox OS EmojidressLucide Labdress-fillMingCute IcondressNoto EmojidressOpenMojidressStreamline EmojisdressTwitter Emoji

Use the dress icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M66.26 80.23a15.26 15.26 0 0 1-1.65-12.17a15.5 15.5 0 0 1 2-4.76L88 32.7V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 104 8.27v24.15l5.25 6.58a23.91 23.91 0 0 0 19.13 9a24.67 24.67 0 0 0 18.71-9.43l4.91-6.15V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 168 8.27V32.7l21.42 30.6a15.5 15.5 0 0 1 2 4.76a15.26 15.26 0 0 1-1.65 12.17a2 2 0 0 0-.11.18l-13.86 21.74a4 4 0 0 1-3.4 1.85H83.6a4 4 0 0 1-3.37-1.85L66.37 80.41a2 2 0 0 0-.11-.18m148.5 129.56a2.5 2.5 0 0 0-.15-.34l-40.92-87.15a4 4 0 0 0-3.63-2.3H85.94a4 4 0 0 0-3.63 2.3l-40.92 87.15a2.5 2.5 0 0 0-.15.34A16.2 16.2 0 0 0 41.6 223a16 16 0 0 0 14.4 9h144a16 16 0 0 0 14.39-9a16.2 16.2 0 0 0 .37-13.21"/></svg>

React

import type { SVGProps } from "react";

export function PhDressFill(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="M66.26 80.23a15.26 15.26 0 0 1-1.65-12.17a15.5 15.5 0 0 1 2-4.76L88 32.7V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 104 8.27v24.15l5.25 6.58a23.91 23.91 0 0 0 19.13 9a24.67 24.67 0 0 0 18.71-9.43l4.91-6.15V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 168 8.27V32.7l21.42 30.6a15.5 15.5 0 0 1 2 4.76a15.26 15.26 0 0 1-1.65 12.17a2 2 0 0 0-.11.18l-13.86 21.74a4 4 0 0 1-3.4 1.85H83.6a4 4 0 0 1-3.37-1.85L66.37 80.41a2 2 0 0 0-.11-.18m148.5 129.56a2.5 2.5 0 0 0-.15-.34l-40.92-87.15a4 4 0 0 0-3.63-2.3H85.94a4 4 0 0 0-3.63 2.3l-40.92 87.15a2.5 2.5 0 0 0-.15.34A16.2 16.2 0 0 0 41.6 223a16 16 0 0 0 14.4 9h144a16 16 0 0 0 14.39-9a16.2 16.2 0 0 0 .37-13.21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M66.26 80.23a15.26 15.26 0 0 1-1.65-12.17a15.5 15.5 0 0 1 2-4.76L88 32.7V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 104 8.27v24.15l5.25 6.58a23.91 23.91 0 0 0 19.13 9a24.67 24.67 0 0 0 18.71-9.43l4.91-6.15V8a8 8 0 0 1 8.53-8A8.17 8.17 0 0 1 168 8.27V32.7l21.42 30.6a15.5 15.5 0 0 1 2 4.76a15.26 15.26 0 0 1-1.65 12.17a2 2 0 0 0-.11.18l-13.86 21.74a4 4 0 0 1-3.4 1.85H83.6a4 4 0 0 1-3.37-1.85L66.37 80.41a2 2 0 0 0-.11-.18m148.5 129.56a2.5 2.5 0 0 0-.15-.34l-40.92-87.15a4 4 0 0 0-3.63-2.3H85.94a4 4 0 0 0-3.63 2.3l-40.92 87.15a2.5 2.5 0 0 0-.15.34A16.2 16.2 0 0 0 41.6 223a16 16 0 0 0 14.4 9h144a16 16 0 0 0 14.39-9a16.2 16.2 0 0 0 .37-13.21"/></svg>
</template>

CSS

.icon-dress-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M66.26%2080.23a15.26%2015.26%200%200%201-1.65-12.17a15.5%2015.5%200%200%201%202-4.76L88%2032.7V8a8%208%200%200%201%208.53-8A8.17%208.17%200%200%201%20104%208.27v24.15l5.25%206.58a23.91%2023.91%200%200%200%2019.13%209a24.67%2024.67%200%200%200%2018.71-9.43l4.91-6.15V8a8%208%200%200%201%208.53-8A8.17%208.17%200%200%201%20168%208.27V32.7l21.42%2030.6a15.5%2015.5%200%200%201%202%204.76a15.26%2015.26%200%200%201-1.65%2012.17a2%202%200%200%200-.11.18l-13.86%2021.74a4%204%200%200%201-3.4%201.85H83.6a4%204%200%200%201-3.37-1.85L66.37%2080.41a2%202%200%200%200-.11-.18m148.5%20129.56a2.5%202.5%200%200%200-.15-.34l-40.92-87.15a4%204%200%200%200-3.63-2.3H85.94a4%204%200%200%200-3.63%202.3l-40.92%2087.15a2.5%202.5%200%200%200-.15.34A16.2%2016.2%200%200%200%2041.6%20223a16%2016%200%200%200%2014.4%209h144a16%2016%200%200%200%2014.39-9a16.2%2016.2%200%200%200%20.37-13.21%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%22M66.26%2080.23a15.26%2015.26%200%200%201-1.65-12.17a15.5%2015.5%200%200%201%202-4.76L88%2032.7V8a8%208%200%200%201%208.53-8A8.17%208.17%200%200%201%20104%208.27v24.15l5.25%206.58a23.91%2023.91%200%200%200%2019.13%209a24.67%2024.67%200%200%200%2018.71-9.43l4.91-6.15V8a8%208%200%200%201%208.53-8A8.17%208.17%200%200%201%20168%208.27V32.7l21.42%2030.6a15.5%2015.5%200%200%201%202%204.76a15.26%2015.26%200%200%201-1.65%2012.17a2%202%200%200%200-.11.18l-13.86%2021.74a4%204%200%200%201-3.4%201.85H83.6a4%204%200%200%201-3.37-1.85L66.37%2080.41a2%202%200%200%200-.11-.18m148.5%20129.56a2.5%202.5%200%200%200-.15-.34l-40.92-87.15a4%204%200%200%200-3.63-2.3H85.94a4%204%200%200%200-3.63%202.3l-40.92%2087.15a2.5%202.5%200%200%200-.15.34A16.2%2016.2%200%200%200%2041.6%20223a16%2016%200%200%200%2014.4%209h144a16%2016%200%200%200%2014.39-9a16.2%2016.2%200%200%200%20.37-13.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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